jqGrid，數據類型：函數（）和訪問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作爲功能。你只需要使用額外

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 
} 

可能您應該使用其他一些jsonReader來解碼來自Web服務結果的d屬性的數據（請參閱Jqgrid 3.7 does not show rows in internet explorer）。

爲了支持服務器端分頁和排序您應該添加

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" }