NetAdvantage的WebGrid 实例应用(二)

来源:互联网 发布:登录界面模板带源码 编辑:程序博客网 时间:2024/05/21 22:29
大家看了图示,流程应该比较了解了,
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文章。。 
原创粉丝点击