WebGrid Enterprise是Intersoft Solutions公司旗下的一款强大的数据表格类控件，该产品即可单独购买和使用，也可以从WebUI套包产品下获得，该控件产品内嵌了多种客户端服务，开发人员可以通过程序在客户端创建自己的数据源并且使用WebGrid提供的API进行数据绑定，下面的代码讲述了如何进行客户端数据创建和绑定：

1.在客户端创建数据源

function CreateData()

{

   var grid = ISGetObject("WebGrid1");

   var dataTable = new ISDataTable();

   var idColumn = new ISDataColumn(dataTable);

   var textColumn = new ISDataColumn(dataTable);

   var checkColumn = new ISDataColumn(dataTable);

 

   /* setup data columns */

   dataTable.Name = dataTable.TableName = "Root";

   idColumn.Name = idColumn.ColumnName = "ID";

   textColumn.Name = textColumn.ColumnName = "Text";

   checkColumn.Name = checkColumn.ColumnName = "Bool";

 

   /* add columns to data table */

   dataTable.Columns.Add(idColumn);

   dataTable.Columns.Add(textColumn);

   dataTable.Columns.Add(checkColumn);

 

   /* add rows to data table */

   for (var i = 0; i < 100; i++)

   {

      var dataRow = dataTable.NewRow();

      dataRow.Cells.GetNamedItem("ID").value = i;

      dataRow.Cells.GetNamedItem("Text").Value = "Item " + i;

      dataRow.Cells.GetNamedItem("Bool").value = (i % 3 != 0);

 

      dataTable.Rows.Add(dataRow);

   }

 

   /* bind the data table to WebGrid */

   grid.RootTable.Name = "Root";

   grid.SetDataSource(dataTable);

   grid.DataBind();

   grid.Render();

             

   event.cancelBubble = true;

   event.returnValue = false;

}

2.在按钮点击事件中触发CreateData()函数

<button onclick="CreateData()">Create Unbound DataSet</button>