간단한 jQuery SlickGrid JSON 예제 또는 문서

Question

jQuery.Ajax를 통해 JSon으로 데이터를 검색 할 때 SlickGrid를 사용하는 방법에 대한 간단한 예제를 찾고 있습니다. SlickGrid 플러그인의 문서를 찾을 수 없었고 잘못된 장소를보고 있는지 궁금해하고있었습니다. SlickGrid를 시작하는 데 도움이 될만한 도움이 될 것입니다.

Answer 1

에

저장소는 다음과 같습니다

본인은 README의 하단에 AJAX를 사용하는 방법에 대한 매우 단순하고 간단 지침이 포함되어 SlickGrid의 앤드류 차일 포크를 사용하여 시작하기 훨씬 쉽게 시간을 보냈습니다

asp.net 페이지 내의 예제. 웹 서비스 myData은 그리드 열과 일치해야하는 json 문자열을 반환합니다.

$(function() { 

     $.ajax({ 
      url: "WS.asmx/myData", 
      global: false, 
      type: "POST", 
      data: "{}", 
      contentType: "application/json", 
      dataType: "json", 
      async: false, 
      success: function (json) { 
       data = eval('(' + json.d + ')'); 
       if (!data) { alert('no data'); }; 
      }, 
      error: function (msg) { 
       var errorText = eval('(' + msg.responseText + ')'); 
       alert('Error : \n--------\n' + errorText.Message); 
      } 
     } 

     ); 

if (data) { 
    dataView = new GridNic.Data.DataView(); 
    grid = new GridNic.Grid($("#myGrid"), dataView.rows, columns, options); 
    var pager = new GridNic.Controls.Pager(dataView, grid, $("#pager"), columns); 
    var columnpicker = new GridNic.Controls.ColumnPicker(columns, grid, options); 

... 그래서 Asp.Net에서

---

에서 JSON 문자열의 크기는 기본적으로 제한됩니다. 문제가 발생하면 web.config에서 더 큰 크기를 선언해야합니다. :

<system.web.extensions> 
    <scripting> 
    <webServices> 
     <jsonSerialization maxJsonLength="5000000"> 
     </jsonSerialization> 
    </webServices> 
    </scripting> 
</system.web.extensions> 

Answer 2

example을보세요.

SlickGrid에 예제가없는 경우 jqgrid을 살펴보십시오.

Answer 3

SlickGrid 저장소의 AJAX 예제는 캐싱 등으로 까다로워지기 때문에 매우 복잡합니다. 예를 들어 이미 전송 된 모든 행을 추적하고 서버에서 새 행만 요청합니다. Digg 이야기의 특정 예를 위해 하드 코딩되었습니다. 설명서가 부족하고 jQuery 버전 1.5 이상 (아약스 처리 방법이 변경됨)과 함께 버그가있는 것 같습니다. https://github.com/andrewchilds/SlickGrid

Answer 4

해결 방법은 간단하지만 위키 페이지에서이를 수행하는 방법을 명시 적으로 밝히지 않았습니다.

SlickGrid는 JSON이 객체 형식이어야한다고 예상합니다. 어떤 이유로이 문자열 형식 인 경우 그러니 그냥 사용

JSON.parse(jsonString); 

당신은 아약스에서로드하는 경우, 단순히 이렇게 :

$.getJSON("file.json", function(data) { 
    grid = new Slick.Grid("#myGrid", data, columns, options); 
}