简单的jQuery SlickGrid JSON示例或文档

我正在寻找一个关于如何在尝试通过jQuery.Ajax将数据检索为JSon时如何使用SlickGrid的简单示例。 我也无法找到SlickGrid插件的任何文档,并想知道我是否只是在错误的地方。 任何让我开始使用SlickGrid的帮助都会非常感激。

asp.net页面中的一个示例。 webservice 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中声明更大的大小,例如:

         

SlickGrid存储库中的AJAX示例非常复杂,因为它试图通过缓存等方式变得棘手。例如,它会跟踪已发送的所有行,并且只会从服务器请求新行。 它也是Digg故事的具体例子的硬编码。 文档非常缺乏,而且jQuery版本1.5+(它改变了ajax的处理方式)似乎有些错误。

通过使用SlickGrid的Andrew Childs fork,我可以更轻松地开始使用,其中包含有关如何在README底部使用AJAX的非常简单直接的说明:

存储库位于https://github.com/andrewchilds/SlickGrid

看看这个例子 。

如果SlickGrid缺少示例,请查看jqgrid 。

解决方案很简单,但是他们没有明确说明如何在他们的维基页面上执行此操作。

SlickGrid期望JSON处于对象forms。 因此,如果由于任何原因它是字符串forms只是使用:

 JSON.parse(jsonString); 

如果您从ajax加载,只需执行以下操作:

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