哪些技术可用于客户端交互式数据网格,如UI?

时间:2011-10-28 14:20:22

标签: jquery css browser datagrid

我目前正在开发一个项目,我们使用HTML,CSS和JavaScript(自定义以及JQuery)开发了非常交互式的数据网格控件。这一切似乎都适用于高端客户端计算机,但我们的客户抱怨浏览器花费很长时间来呈现接收到的数据。

我们注意到,在具有3 Gig RAM和一个3 GHz处理器的win2k3服务器上运行的几乎所有主流浏览器中,通常会在1-2秒内加载和呈现页面,但我们的客户计算时间长达25秒。 / p>

我的问题基本上是,如果我们想要使用其他技术来加速使用此类交互式数据网格的页面呈现,用户可以动态选择数据表中的可用列并且可以通过客户端,那么可用的选项是什么?事件(javascript调用)到同一页面上的其他Flash内容。提前谢谢。

2 个答案:

答案 0 :(得分:1)

jqGrid是我的转到此。开发人员花了很多时间为大型数据集优化它。

答案 1 :(得分:1)

我为此使用DataTables,但我不得不承认,大部分性能优势都归结为将繁重的任务(排序,过滤)委派给服务器端,后者有一个MySQL数据库来处理数据。客户端一次只能接收X个记录(200个或更少),这对于大多数机器来说都是一个微不足道的数量。

所有这一切,我不确定它的性能是如何与页面中的数千条记录一样,但基于其网站上的论坛帖子,它似乎可以处理至少数百条记录而不会闪烁。

我想提出另一个问题:您是否在客户端拥有完整的数据集并在客户端对其执行排序/过滤?无论有没有DataTables,您可能都希望服务器能够完成繁重的任务。使用现有的插件或使用您自己的自定义代码,利用Ajax和数据交换格式(JSON是一个明显的选择)将有助于此。

尚未准备好迎接黄金时段,但值得关注jQuery UI Grid。团队最近的博客文章:http://blog.jqueryui.com/2011/10/state-of-the-jquery-ui-grid/