将大型数据集绑定到 JQuery 控件

Posted

技术标签:

【中文标题】将大型数据集绑定到 JQuery 控件【英文标题】:binding to large datasets to JQuery controls 【发布时间】:2013-07-07 07:31:00 【问题描述】:

我有一个 JQuery 小部件,它有一个地图 [使用 bing 地图] 和一个网格控件。需要显示的数据非常庞大 [100 万 - 100K 记录]。

网格和地图显示的数据是通用的。即使现在,我希望以分页方式获取网格数据,但地图需要定位所有点 [100 万]。由于地图只需要纬度和经度,我打算分别获取地图和网格的数据。 -IE。在一次调用中获取所有 100 万个纬度和经度,在另一次调用中仅获取网格的前 100 条记录。

我也在考虑 http 流在这方面是否有帮助。我正在使用 RESTful api 从数据库中获取数据。是否可以直接将流式响应从服务器发送到 javascript 端。在向客户端发送数据时,我发送数据包,然后客户端在数据到来时继续轮询数据。我的问题是这是否会使过程变得复杂,如果不是,我是否需要使用网络套接字来实现这一点?

请告诉我哪种方法更好,并告诉我数据流是否是个好主意。

谢谢, 阿尼尔班

【问题讨论】:

这个问题有点笼统,没有合理的答案。它需要一些工作。我想说的是:你不可能渲染所有 100 万条数据记录,所以不要加载或担心它们。正确定位您需要的数据,然后加载它。然后按需加载更多内容。 【参考方案1】:

将一百万个坐标传递给 JavaScript 只会带来很多痛苦。在 JavaScript 地图上查看大型数据集的最佳选择是将其转换为服务器端的图像并将其覆盖在地图上。看看这个代码项目:http://ajaxmapdataconnector.codeplex.com/

【讨论】:

以上是关于将大型数据集绑定到 JQuery 控件的主要内容,如果未能解决你的问题,请参考以下文章

并非所有Xaxis标签显示在绑定数据集的图表控件上

大型数据集的自动完成优化

具有大型(70,000+ 项)数据集的高效 jQuery 实时搜索

将文件作为 TAPE 数据集 SFTP 到大型机

将数据集动态绑定到 RDLC 报告

Angular.Js 性能、大型数据集、ng-repeat、带有过滤器和双向绑定的 html 表