EdiGridPanel实现数据两种策略及操作步骤.pdfVIP

本讲主要讲解EditorGridPanel连接数据库做更新操作.对于EditGridPanel编

辑修改数据后更新到数据库的实现,通常有两种策略:

1.一种是EditorGridPanel的afteredit,每一次编辑表格后,都会触发该,在

处理函数中运用Ajax将修改的数据更新到数据库;

2.建立单独的保存处理函数,一个保存按钮,所有编辑完成后,由用户点击触发,

将所有编辑改动的数据更新到数据库;

第一步：给EditorGridPanel添加afteredit处理代码

//给EditorGridPanel添加afteredit处理代码

gridPanel.on(afteredit,function(obj){

});

第二步：分析obj参数

可以看出,afteredit处理函数只有一个参数,是一个对象(Objecte),通过这个对

象,我们可以得到:

1.grid,即刚才编辑的表格对象

2.record,刚才编辑的记录

3.field,刚才编辑的是哪个字段

4.value,单元格中改动后的值

5.originalValue,单元格中改动前的值

6.row,刚才编辑的单元格在grid中的行索引位置

7.column,刚才编辑的单元格在grid中的列索引位置

//给EditorGridPanel添加afteredit处理代码

gridPanel.on(afteredit,function(obj){a

lert(obj.record.get(id));

alert(obj.field);

alert(obj.value);

alert(obj.originalValue);

alert(obj.row);

alert(obj.column);

});

第三步：发送异步请求。

//给EditorGridPanel添加afteredit处理代码

gridPanel.on(afteredit,function(obj){v

arid=obj.record.get(id);

varfield=obj.field;

varvalue=obj.value;

本讲主要讲解editorgridpanel连接数据库做更新操作。

1.一种是editorgridpanel的afteredit，每一次编辑表格后，都会触发该

，在

2.建立单独的保存处理函数，一个保存按钮，所有编辑完成后，由用户点击触

发，将所有编辑改动的数据更新到数据库;

第一步：给editorgridpanel添加Afteredit处理代码

//给editorgridpanel添加afteredit处理

代码gridpanel.on（“afteredit”，

function（obj）{}）;

第二步：分析obj

可以看出，afteredit处理函数只有一个参数，是一个对象（对象e），通

过这个对，我们可以得到：：