NetAdvantage的WebGrid 实例应用(二)

大家看了图示，流程应该比较了解了，
1。用XMLHTTP从服务器端取得数据
2。用取得的数据填充到webGrid表格中

由于主要是讲解WEBGRID，因此我们先省略掉XMLHTTP从服务器端读取数据的过程。
这里我里提供一个JS数据提取方法如下：
function loadData()
{
   var result = new Array("10265","产品","2.3","200");
  return result;
}

接下来我们取得的数据填充到WebGrid表格中
首先我们来填充一行数据

首先用NetAdvantage提供的全局方法
var grid = igtbl_getGridById(gridID);//gridID是表格的ID号
得到一个grid对象，用来操作WebGRid

接着从表格取得一个行对象
var i=0;//i为行的序号，这里就我们取第一行因此为0
var row = grid.Rows.getRow(i);

有了行对象后，就可以很方便的对该行的每一个CELL进行操作了，
其时有点类似于ADO.net里面的DataTable对象

我们现在看看如何取得一个Cell对象
var cell = row.getCellFromKey("ProductId");
这里的这个ProductId是什么呢，我们看看我们定义WebGrid的Column时的情况

 <igtbl:UltraGridColumn HeaderText="产品编号"     Key="ProductId" IsBound="True" Width="80px" .....

上面是WebGrid定义一列时的模板，其时和DataGrid是类似的。

上面的代码就是取得这一行中，产品编号这个Cell的对象

用了cell这个对象，我们就可以给他进行取得和赋值操作了
我们将取得的产品编号赋给此Cell

cell.setValue(result[0]);//result是用loadData()方法取得的
后面产品名称，产品价格的方法类似，
此时基本完成了从服务器端取值，并填写到WebGrid表格的过程。

WebGrid对象的层次结构不熟的，可以去看NetAdvantage提供的帮助文件。
或者参考下我以前写的WebGrid文章。。

酱板猪 2006-11-23 11:59 发表评论