javascript - 什么是带有选项卡的好的 JavaScript 网格？

Question

我想在 ASP.NET MVC 中使用 JavaScript 框架显示 3 组表格数据。我知道我可以在选项卡中嵌入一个单独的网格，但这似乎效率低下，尤其是在涉及大型数据集时，因为我想会创建 3 个单独的网格。我还没有找到一个 JavaScript 数据网格来模拟电子表格对多个选项卡的作用。 YUI 的这个例子可能很接近:

http://developer.yahoo.com/yui/examples/datatable/dt_dynamicfilter_source.html

我对 jQuery 有点熟悉，但愿意切换到任何使这变得容易的框架。我真的不需要编辑数据。有什么建议吗？

编辑:我并不是说这是关于 jQuery 的。正如其中一条评论中所建议的，关于我的场景的一些细节可能会有所帮助。我想显示来自包含数千条记录的订购系统的表格数据。我想要 3 个标签:

1. 输入系统但尚未付款的所有订单。
2. 来自特定 vendor 的所有订单。
3. 所有已付款的订单。

由于每个类别都有数千行，我只想在用户开始分页时加载数据。

我认为拥有 3 个选项卡和 3 个独立的网格(每个选项卡中有一个)性能不佳。我实际上并没有尝试过，所以我可能对过早优化感到内疚。我正在寻找内置选项卡支持的网格。我认为没有用于 jQuery 的。也许是 ExtJS？

Answer 1

既然你用 Ext JS 标记了它，我会提到使用 Ext JS 将网格呈现到选项卡中非常简单。它还支持延迟加载/呈现，以便最初只加载第一个选项卡/网格，然后在第一次访问时加载其他选项卡/网格。在不知道您的具体要求的情况下，很难进一步发表评论。

编辑(基于已编辑的问题):Ext 网格不直接支持制表符，但它们可以嵌入 TabPanel 中，正如我提到的一样，效果相同。但是，根据您的描述，这对我来说更像是一种过滤方案。当只有一个网格可见时，我不认为拥有多个网格的开销有什么意义，并且每个网格的目的都是显示相同数据的特定 View (即过滤器)。我只需要一个带有工具栏的网格或提供过滤器之间切换的其他方法，并使用 Ext 的内置存储过滤/查询来按需创建 View 。 Ext 网格支持开箱即用的分页(客户端或服务器，在您的情况下它将是数千条记录的服务器)。还有一个非常流行的插件叫做LiveGrid提供大型数据集的虚拟滚动分页。

我不一定要提倡 Ext 而不是任何其他框架——我只是碰巧最熟悉它，我认为它可以很好地解决您的问题。我建议您亲自尝试一下以确保安全。