大家看了图示,流程应该比较了解了,
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文章。。
