如何通过 JavaScript/Ajax 代码管理 Infragistics WebGrid 数据？

Question

我正在开发一个项目，需要对某些数据列表使用 Infragistics WebGrid 控件。 我使用 JavaScript 在客户端加载数据以在地图上显示，然后我需要在多个 WebGrid 中显示相同的数据。 所有可用的数据都将显示在 WebGrid 中，但在任何给定时间，只有数据的子集（仅当前在视图中的数据）将绘制在地图上。 由于我使用 JavaScript/Ajax 加载数据，因此我只想加载一次，并使用相同的机制用数据填充 WebGrid 控件。

是否有人对完全从客户端 JavaScript/Ajax 代码中使用 WebGrid 有任何提示/指示？

Answer 1

Infragistics webgrids 公开了一个非常复杂的客户端对象模型，您将能够使用它来填充数据客户端。

您要做的第一件事是查看 webgrid 控件的完整 CSOM，您可以在以下位置找到当前的文档版本： http://help.infragistics.com/NetAdvantage/NET/2008.3/CLR2.0/

要制作一个简短的示例，您需要获取一个参考到您的网格，然后添加一些行和数据。 在设计时为网格设置列定义可能会更容易，而不是尝试在 JavaScript 中完成这一切。

首先：获取网格的引用：

var grid = igtbl_getGridById('dataGridControlID');

然后添加一个新行：

var newRow = grid.Rows.addNew()

完成后，您可以循环行的列来填充数据：

var oCols = newRow.Band.Columns;
for(var i=0; i < oCols.length; i++) {
    newRow.getCell[i].setValue(yourValue)
}

或通过键寻址每个列以填充其数据：

newRow.getCellFromKey(colKey).setValue(yourValue,fireEvents);

Answer 2

我想到的唯一想法是与性能相关。 我们发现为 UltraWebGrid 动态创建和填充行比我们希望的要慢得多。 （在我们的例子中，我们将行从一个网格移动到另一个网格，当行数太大时会遇到性能问题。）

如果我正在做像您今天描述的那样的事情，如果可能的话，我会从服务器端填充网格，然后在地图上显示相关值。

作为附加免责声明，我们使用了 Infragistics 2007.1； 我不知道2008.x在这方面是否更好。