使用ajax将服务器端数据动态加载到灵活的网格中
使用ajax将服务器端数据动态加载到灵活的网格中
提问于 2013-12-14 04:11:08
我所处的情况是，我有数千条或数据库记录。由于内存限制，我无法一次性加载所有这些记录。
因此，我打算做的是，使用ajax请求请求1000个记录，并将其加载到slickgrid中，然后在后台以同样的方式逐步加载其他记录，直到加载所有数据(比如50,000个记录)。
应该加载前1000条记录，并在后台添加后续记录。这样，即使整个数据集尚未完成加载，用户也可以开始筛选、排序等。
我看过ajax示例：
http://mleibman.github.io/SlickGrid/examples/example6-ajax-loading.html
但是，它并不满足我的动态加载需求。
我的问题是，这能很容易地完成吗?如果是这样的话，我需要考虑哪些光滑的网格函数。
回答 1
Stack Overflow用户
发布于 2017-01-09 16:36:09
第一反应
dataView = new Slick.Data.DataView({});
dataView.beginUpdate();
dataView.setItems(yourjsondata);
dataView.endUpdate();加载第一个1000条记录
因为您没有id列，所以您可以迭代响应并添加一个uuid，或者只是增加一个计数器，然后添加我也没有id，这就是我处理它的方式
所有其他ajax响应
dataView.beginUpdate();
for(var i = 0; i < yourjsondata.length; i++) {
dataView.setItem(yourjsondata[i]);
}
dataView.endUpdate();我强烈建议对所有ajax响应进行所有数据检索，但web工作者中的第一个响应除外，这样您就不会阻止ui workers
您将不得不使用普通的js来使ajax请求不包含jQuery。在您的工作程序中，只需构建一个对象数组，然后在最后一个响应中将其发回主线程。
self.postMessage(yourobjectarray);注意，这一切都在工作，但不是开源的。可以共享更多的代码片段，但不能发布全部内容
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20583117
复制相关文章
点击加载更多
相似问题
将数据动态加载到网格
使用ajax的灵活网格示例
使用ajax将搜索数据加载到现有数据网格
将xml动态加载到WPF数据网格中
使用Ajax将数据加载到Highcharts中
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
