Toast Grid api 토스트 그리드 고수분... 살려주세요 ㅠㅜ

Question

Toast grid api 사용해서 데이터를 가져오려고하는데요...그냥 ajax 사용해서 가져올때는 잘됐었는데Toast api로 하려고 하니까 잘 안되네요..개발자모드로 보면 분명 호출도 잘되고 값도 들고온거같은데 리스트에서 보이지가 않아요 ㅠㅜ아래는 touast grid 부분입니다const grid &#61; new tui.Grid({ el: document.getElementById('gridDiv'), data : { api: { readData : { url: '/api/board' , method: 'GET'} } }, pageOption : { perPage : 10 }, scrollX: true, scrollY: true, draggable: false, columns: [ { header: '번호', name: 'rownum', align: &#34;center&#34;, width: 50, height:80, whiteSpace: 'normal', formatter: function (e) { return e.value }, }, { header: 'board_seq', name: 'board_seq', width: 80, height:80, align: &#34;center&#34;, whiteSpace: 'normal', formatter: function (e) { return e.value }, }, { header: '구분', name: 'st_gubun', align: &#34;center&#34;, width: 100, height:80, whiteSpace: 'normal', formatter: function (e) { return e.value }, }, { header: '공고번호', name: 'st_no', align: &#34;center&#34;, height:60, whiteSpace: 'normal', formatter: function (e) { return e.value }, }, { header: '공고명', name: 'subject', align: &#34;center&#34;, height:80, whiteSpace: 'normal', formatter: function (e) { return e.value }, }, { header: '접수시작', name: 'start_date', width: 80, height:80, align: &#34;center&#34;, whiteSpace: 'normal', formatter: function (e) { return e.value }, }, { header: '접수종료', name: 'end_date', width: 80, height:80, align: &#34;center&#34;, whiteSpace: 'normal', formatter: function (e) { return e.value }, } ] });아래는 기존 ajax 코드입니다 $(function () { $.ajax({ type: &#34;GET&#34; , url:&#34;/api/board&#34; , dataType:&#34;json&#34; , success:function(data){ alert(&#34;전송 성공&#34;); grid.resetData(data); } , error : function(){ alert(&#34;오류 발생&#34;); } }); })

codezzzz · Answer

호출된 response 볼수있을가요?

bosskmk · Answer

https://github.com/nhn/tui.grid/blob/master/packages/toast-ui.grid/docs/en/data-source.md#protocol-used-in-readdata이 문서를 참고해보세요.기존에는 data 가 [{&#34;column1&#34;: &#34;value1&#34;}, {&#34;column1&#34;: &#34;value2&#34;}] 일 텐데dataSource(data api) 로 호출 하는 경우{ &#34;result&#34;: true, &#34;data&#34;: { &#34;contents&#34;: [{&#34;column1&#34;: &#34;value1&#34;}, {&#34;column1&#34;: &#34;value2&#34;}], &#34;pagination&#34;: { &#34;page&#34;: 1, &#34;totalCount&#34;: 100 } } }와 같이 리턴 되어야 할 거 같아요.

Toast Grid api 토스트 그리드 고수분... 살려주세요 ㅠㅜ

2개의 답변

#toast 목록