JQuery grid与传统的web模型进行分页/排序/过滤

时间:2010-09-10 15:23:36

标签: javascript jquery jqgrid

我们正在开发一些新的GUI屏幕来显示需要排序/过滤/分页的表格数据。使用JQuery grid approach与“传统”模型的优缺点是什么,在服务器上完成这些功能,并为每个操作执行新的服务器请求(即:“下一页”,“排序”专栏“,等等?”

我们可以想到使用JQuery网格的一些优点/缺点是:

赞成

  • 排序/分页/过滤可以完全由Grid附加组件完成。无需在服务器上自定义构建它。
  • 排序/分页/过滤功能在客户端上运行时非常快
  • 内置能够执行AJAX请求以处理数据更新而无需返回服务器
  • 内置专业外观美学

缺点

  • 使用网格对客户端进行排序/分页/过滤,您需要将整个数据集下载到客户端
  • JQuery学习曲线
  • 可能的复杂性处理案例,例如向客户端显示输入验证错误,基于ajax的更新。 ??

2 个答案:

答案 0 :(得分:0)

我认为Jquery网格方法的一个重要问题是调试比服务器端代码更难。

此外,使用jQuery方法开发的时间可能比传统方法花费更多时间。

为了速度和可用性,我更喜欢Jquery方法。但如果时间紧迫,传统模式可能更受欢迎。在下一个版本中,网格可以被jQuery网格替换。

答案 1 :(得分:0)

这些网格的最终目标是什么?

您是否希望能够导出到Excel或其他电子表格? 你想能够打印/保存为图像等吗? 您是否会有大量数据进入您的页面?

所有这些都可以通过两种方式完成。服务器控制或客户端控制。它只会更改您传递给服务器的信息。

对此没有明确的答案。您可以完全在客户端执行网格,或者允许服务器执行繁重的工作。

但是我尝试通过以下方式开发的一些一般规则: 1)做一个受惊的忍者。进进出出。如果每页显示15个结果,则只获得15个结果,并在需要时使用AJAX加载其余结果。 2)保持简单,低维护。选择一种方式,并在需要时轻松构建/“固定”。

如果您遇到的问题是人们没有时间学习JQuery,请优先享用1-2小时的披萨午餐或其他内容并快速解释JQuery,以及您打算如何在产品中使用它。这是一种比人们在需要修复它时必须学习更好的方法。

就个人而言,我会做JQuery路线。它提供更好,更好的表现。