您的位置:首页 > Web前端 > JavaScript

Extjs GRID表格组件使用小结

2014-02-13 11:10 603 查看
可编辑表格的插件:

var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 2//双击两次编辑
});

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
clicksToMoveEditor : 1,
autoCancel : false
});


点击保存(按钮绑定事件略)

function saveChanges(){
var modifiedRecords = timedTaskStore.getModifiedRecords();
var modifiedRecNum = modifiedRecords.length;
if(modifiedRecords==0)return;
Ext.MessageBox.confirm(
'变更数据','确定要修改'+modifiedRecNum+'条记录吗?',function(btnLabel){
if(btnLabel=='yes'){
grid.stopEditing();
grid.getEl().mask('数据传输中','x-mask-laoding');
var recordsToServer = [];
Ext.each(modifiedRecords,function(record){
recordsToServer.push(record.data);
});
recordsToServer = Ext.encode(recordsToServer);
var lastOptions = store.lastOptions;
//将当前分页数据一起发送至服务器
Ext.apply(lastOptions.params,{records:recordsToServer});
//ajax请求省略
timedTaskStore.commitChanges();
}
}
);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: