http://blog.csdn.net/z1101385391/article/details/24492247
<strong>比较赶时髦,用了Extjs4.2,今天遇到一个问题,搞了好久。终于找到原因,用RowEditing编辑 新增girdPanel的行时,遇到保存按钮变灰的情况,添加了值,写上值,也无效。在官网的帖子 中找到如下代码,重写RowEditor即可。把下面代码复制到你的代码中,可以解决该问题。</strong>
http://shuyangyang.blog.51cto.com/1685768/1341477
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
var
rowEditing = Ext.create(
'Ext.grid.plugin.RowEditing'
, {
saveBtnText:
'保存'
,
cancelBtnText:
"取消"
,
autoCancel:
false
,
clicksToMoveEditor: 1,
//双击进行修改 1-单击 2-双击 0-可取消双击/单击事件
autoCancel:
false
,
listeners:{
edit:
function
(e){
/*var myMask = new Ext.LoadMask(Ext.getBody(), {
msg: '正在修改,请稍后...',
removeMask: true //完成后移除
});
myMask.show();*/
console.info(e.context.record);
//e.context.record为更改的这行的数据,某个值可以用get方法,比如下面
var
id = e.context.record.get(
'id'
);
//比如修改了id,在这里就可以获取id
//e.context.record.fields.items为修改的这行字段名,这是一个数组集合,e.context.record.fields.items[0].name为第一列的名称,以此类推
// 更新提示界面(供调试使用)
Ext.Msg.alert(
'您成功修改信息'
,
"修改的内容是:"
+ e.context.record +
"n 修改的字段是:"
+ e.context.record.fields.items[0].name +
"n 修改的id为"
+id);
//取得更新内容
}
//当然这里你也可以自定义一个ajax来提交到后台,大家自由发挥,这里不多写。
}
});
|
1
2
3
4
5
6
7
8
9
|
var
grid =
new
Ext.grid.GridPanel({
title:
'表格的扩展插件--行编辑'
,
width: 500,
height: 400,
renderTo:
'grid'
,
store: store,
columns: columns,
plugins: [rowEditing]
});
|