Extjs GRID表格组件使用小结

可编辑表格的插件：

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();
			}
		}
	);
}