jqGrid, datatype : function() 및 sord, sidx 등의 액세스

Question

그리드를 호스팅하는 페이지에서 WebMethod를 사용하여 jqGrid를 구현하려고합니다. 기능()에있는 jqGrid에서 : 나는 dataType와 사용하는 경우이 작동 같은 페이지의 뒤에 내 코드에서

$("#mygrid").jqGrid({ 
    ... 
    datatype: function() { 
      $.ajax({ 
       url: "myPage.aspx/gridData", 
       type: "POST", 
       contentType: "application/json; char=utf-8" 
       ... 
      }); 
    } 
)}; 

을, 나는 나의 방법이 있습니다

[WebMethod()] 
public static List<MyData> gridData() { 
    return MyClass.getData(); 
} 

을 아니에요 유일한 것은 물론 페이징, 정렬 (sord, sidx 등)에 사용되는 데이터에 액세스 할 수있는 방법은 무엇입니까?

미리 감사드립니다.

Answer 1

대신 표준 datatype: 'json'을 사용하는 것이 좋습니다. 당신은 또한

datatype: 'json', 
ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, 
mtype: 'GET', 

(예 : Setting the content-type of requests performed by jQuery jqGrid 참조)를 사용하고

public class jqGridTable 
{ 
    public int total { get; set; }  // total number of pages 
    public int page { get; set; }  // current zero based page number 
    public int records { get; set; } // total number of records 
    public List<jqGridRow> rows { get; set; } 
} 
public class jqGridRow 
{ 
    public string id { get; set; } 
    public List<string> cell { get; set; } 
} 

을 다음과 같이 정의 jqGridTable 클래스 인스턴스를 반환 할 필요가 아니면로부터 전송 된 데이터의 가장 컴팩트 한 양식을 사용하려는 경우 다음 서버를 클라이언트에 전달하십시오.

// jsonReader: { repeatitems : true, cell:"", id: "0" } 
public class jqGridTable { 
    public int total { get; set; }   // total number of pages 
    public int page { get; set; }   // current zero based page number 
    public int records { get; set; }  // total number of records 
    public List<List<string>> rows { get; set; }// first element of row must be id 
} 

웹 서비스 결과의 d 속성 (Jqgrid 3.7 does not show rows in internet explorer 참조)의 데이터를 디코딩 할 수 있으려면 약간 다른 jsonReader을 사용해야합니다.

는 서버 측 페이징을 지원하기 위해 및 정렬 당신은 당신의 서비스의 매개 변수 목록에

int page, int rows, string sidx, string sord 

을 추가해야합니다.

업데이트 : 기타 링크 jqgrid Page 1 of x pager에는 jqGrid와 ASMX 서비스의 실제 코드가 모두 있습니다. 다음과 같이 간단하게 사용할 수 있습니다. jsonReader :

jsonReader: { root: "d.rows", page: "d.page", total: "d.total", 
       records: "d.records", id: "d.names" }