asp.net - 使用 ASP.Net 和 JSON 格式实现 jQuery 的 jgGrid

Question

有人能够实现 JQuery 网格插件 jqGrid 吗？我正在尝试实现 JSON 分页，我觉得我已经很接近了，但我也被无关紧要的细节所淹没。如果有人可以发布一些示例代码，我将不胜感激。

Answer 1

当我尝试为我的项目执行此操作时发现了您的帖子。我成功了。对于将来需要它的任何人来说，jqGrid 无法与 JSON 和 ASP.NET 一起开箱即用。您需要对 grid.base.js 进行一些小修改。在第 829 行左右，将 json case 部分替换为以下内容:

case "json":
    gdata = JSON.stringify(gdata); //ASP.NET expects JSON as a string
    $.ajax({ url: ts.p.url, 
             type: ts.p.mtype, 
             dataType: "json", 
             contentType: "application/json; charset=utf-8", //required by ASP.NET
             data: gdata, 
             complete: function(JSON, st) { if (st == "success") { addJSONData(cleanUp(JSON.responseText), ts.grid.bDiv); if (loadComplete) { loadComplete(); } } }, 
             error: function(xhr, st, err) { if (loadError) { loadError(xhr, st, err); } endReq(); }, 
             beforeSend: function(xhr) { if (loadBeforeSend) { loadBeforeSend(xhr); } } });
    if (ts.p.loadonce || ts.p.treeGrid) { ts.p.datatype = "local"; }
    break;

然后添加以下函数:

function cleanUp(responseText) {
    var myObject = JSON.parse(responseText);  //more secure than eval
    return myObject.d;  //ASP.NET special
}

您还需要包含 JSON parser and stringifier 。除了与 ASP.NET 一起使用之外，此修改后的代码也是 more secure因为 eval 语句消失了。

编辑:我还应该注意到，您可能需要对 grid.celledit.js、grid.formedit.js、grid.inlinedit.js 和 grid.subgrid.js 进行类似的编辑.