toast Grid (3) 썸네일형 리스트형 2022-09-13 개발일기 [Django, Toast Grid] 금일은 Toast grid에서 진행하고있는 행사의 존재 유무를 Toast grid 내부 뿌려져있는 상품명과 매칭하여 데이터 시각화를 진행했다. 맨처음 뿌려주는것은 쉬웠으나 렌더속도가 너무 느려 페이지네이션이 하나 둘 될때마다 데이터를 렌더시키는 방법으로 진행을해서 렌더속도는 비교적 빠르게 수정이 가능했다. 맨처음 page를 datasource에 담아서 전달해주는 부분에서 헤맸지만 도움을 받아 수월하게 해결을했다!!! 개발 스크립트[script] const pagination1 = new tui.Pagination('prodinfopagenation', { totalItems: pagetotalcount, itemsPerPage: 20, visiblePages: 10, }); pagination1.on('.. 2022-06-02 개발일기 [Django, Toast grid] 오늘은 Toast grid 내부에서 데이터를 렌더링 할 경우 예를들어 20개씩 100개씩 500개씩 모두보기 라는 형식을 선택했을시 일정 데이터가 넘어버리면 렌더링속도가 너무 늦어지는 현상을 발견했다. Toast gird 내부에서 virtualScrolling: true, 라는 내장함수를 지원해주길래 확실히 데이터 렌더링이 되는 속도가 최적화되는것을 느꼈다 하지만 아직까지는 많이 느리기때문에 Toast UI 내부에서 컬럼마다 데이터를 렌더링해주는 최적화 프로세스를 개발중이라고 하길래 기다리고 있는중이다. 해결하고 싶다... 개발스크립트 [script] unction worklisttable(datasource) { return new tui.Grid({ el: document.getElementById(.. 2022-05-25 개발일기 [Django, toast grid] 카테고리 관련 우선순위를 정하는 로직을 중 toast grid 를 총 2가지로 하나의 셀을 클릭하면 옆에 있는 toast grid에서 관련된 카테고리를 보여주는 형식의 인터페이스를 구현해보았다. 물론 혼자만의 힘으로 한거는 아니지만 대충 자신이 알고있는 방식을 올림으로써 공유하고 다음번에도 참고할 수 있도록 해야겠다 !!! 현재 80% 이상은 완료하였고 5월말까지라서 시간이 별로 없지만 허들을 올려서 조금더 열심히 해야겠다 !! 개발스크립트 [script] grid.on('click', ev => { if (ev.columnName === 'name') { let catid = grid.getRow(ev.rowKey).id rdata = {action: 'productgrid', catid: catid}.. 이전 1 다음
