有标签的好的JavaScript网格是什么？

Question

我有3组表格数据，我想用JavaScript框架在ASP.NET MVC中显示。我知道我可以在一个选项卡中嵌入一个单独的网格，但是这看起来效率很低，特别是当涉及到大型数据集时，因为我设想将创建3个单独的网格。我还没有找到一个模拟电子表格如何处理多个选项卡的JavaScript数据集。不过，来自YUI的这个示例可能比较接近：

source.html

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

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

1. 所有尚未付款的订单都输入了系统。
2. 所有来自特定供应商的订单。
3. 所有已付款的订单。

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

我认为有3个有3个独立网格的选项卡(每个选项卡中有一个)是不可行的。不过，我还没有真正尝试过，所以我可能犯了过早优化的错误。我正在寻找一个带有选项卡支持的网格。我不认为有一个适合jQuery。也许是ExtJS？

Answer 1

由于您使用Ext标记了这个选项卡，我将提到使用Ext将网格呈现到选项卡中非常简单。它还支持延迟加载/呈现，因此最初只有第一个选项卡/网格加载，然后在第一个访问中加载其他选项卡/网格。如果不了解您的具体需求，就很难对其进行进一步的评论。

编辑(基于编辑的问题)：Ext网格不直接支持选项卡，但它们可以嵌入到TabPanel中，就像我提到的效果一样。然而，根据您的描述，这听起来更像是过滤场景。当只有一个网格是可见的，而每个网格的目的是显示相同数据的特定视图(即过滤器)时，我不认为有多个网格的开销有什么意义。我只需要一个带有工具栏或其他方法的网格来提供过滤器之间的切换，并使用Ext的内置存储过滤/查询来根据需要创建视图。Ext网格支持从盒子中分页(客户端或服务器，在您的情况下，它将是数千条记录的服务器)。还有一个叫做LiveGrid的非常流行的插件，它提供大型数据集的虚拟滚动分页功能。

我不一定提倡Ext而不是任何其他框架--我只是碰巧对它非常熟悉，我认为它可以很好地解决您的问题。我建议你自己试试看。

Answer 2

jQuery网格是人们经常使用的东西。我用它，而且它很好。

jqGrid链路

我不会画一个有三个标签的网格。我使用一个带有选项卡控件的网格，然后根据需要通过jQuery加载数据。

或者有三个PartialViews，您可以在单击选项卡时动态加载这些PartialViews。

Answer 3

您也可以使用dhtmlx网格