SlickGrid AJAX数据

Question

我正在尝试让AJAX与SlickGrid协同工作。The example given is hardcoded for Digg。

另外，我不认为缓存在这个例子中是有效的。由于Digg的速率限制，很难真正感受到它是如何工作的。如何将SlickGrid设置为使用分页从数据库中获取数据。

Answer 1

我刚刚经历了这个过程，所以我是这样做的：

1. 将example6-ajax-loading.html的内容(在SlickGrid下载中)复制到html文件中-我们称之为mygrid.html (或者复制到生成html的代码中)。在我的例子中，我使用的是javascript，所以我复制到mygrid_view.php).
2. Copy yourRemoteModel.js.
3. In“CodeIgniter”中，以确保您拥有所有slick.remotemodel.js文件的正确路径。将slick.remotemodel.js更改为yourRemoteModel.js。消除任何重复的脚本-例如，如果您已经引入了最新版本的jQuery，则删除"mygrid.html“中拉入"mygrid.html”的行，更改'columns‘变量的初始化以匹配您希望从数据库中显示的数据。注意字段属性。这必须与将在服务器的JSON响应中返回的属性名称一致。(*参见末尾的注释)。
4. 在yourRemoteModel.js中，更改url变量以指向您的服务器，并传递适当的参数。在我的例子中，我将page和row参数传递给我的服务器，如下所示：

var url = myServerUrl+"?page="+fromPage+"&rows="+(((toPage - fromPage) * PAGESIZE) + PAGESIZE);

• In yourRemoteModel.js，将jsonp调用更改为ajax -除非您需要这样做，在这种情况下，您将继续使用jsonp，否则您可以将其更改为如下所示：

req = $.ajax({ url: url，dataType：'json'，成功: onSuccess，错误: function(){ onError(fromPage，toPage) } });

• In yourRemoteModel.js，您现在必须自定义onSuccess()函数。遵循示例的模式，将from和设置为数据记录的整数偏移量，将data.length设置为记录总数，然后设置数据数组。这段代码依赖于来自你的服务器的JSON响应，现在

• 在服务器上编写代码来生成JSON响应。从步骤7可以看到，这需要包括数据中的记录(或页面)偏移量、返回多少条记录的指示，以及记录本身的数组。请记住，每条记录的每个字段都必须有一个与列定义中的“field”设置相匹配的属性名(从上面的步骤4开始)。以Digg的响应为例：

http://services.digg.com/search/stories?query=apple&offset=0&appkey=http://slickgrid.googlecode.com&type=javascript&callback=cb

这应该就行了！

*注意:在我的例子中，我不想使用带宽来返回所有那些在JSON响应中为每条记录重复的属性名，所以我返回了一个记录值的数组。然后，我将列描述(上面的步骤4)中的field属性设置为此数组中的整数偏移量。所以在列描述中，我使用了field:3而不是field：‘someFieldName’，然后在我的远程模型中，onSuccess()函数我设置了datafrom+i = resp.recordi.data (其中.data是记录中字段值的JSON响应中的一个数组)。

Answer 2

查看此拉流请求。您可以下载this Slickgrid并查看example6-ajax-loading。

这里有一些关于paging+ajax+slickgrid的重要观察：Google Groups: SlickGrid Pagination + Ajax + DataView

Answer 3

在要绑定的列中添加一个类作为选择器，并在onRenderCompleted

中添加类似于其他DOM元素的内容