this.cellEditing = new Ext.grid.plugin.CellEditing({ clicksToEdit : 2 }); this.plugins = [this.cellEditing];如上设置后,双击单元格修改界面如下:
addRecord : function() { var grid = this.getView().down('modulegrid'); var model = Ext.create(grid.getStore().model); model.set('tf_id',0); grid.getStore().insert(0, model); }
{ text : '删除', disabled : true, glyph : 0xf014, itemId : 'deletebutton', handler : 'deleteRecords' }
listeners : { selectionChange : 'selectionChange' },在ModuleController.js中加入事件响应函数:
// 选中的记录发生变化过后的事件 selectionChange : function(model, selected, eOpts) { // 设置删除按钮的状态 this.getView().down('toolbar button#deletebutton')[selected.length > 0 ? 'enable' : 'disable'](); },
// 删除一条或多条记录 deleteRecords : function(button) { var grid = this.getView().down('modulegrid'), selection = grid .getSelectionModel().getSelection(), message = ''; if (selection.length == 1) // 如果只选择了一条 message = ' 『' + selection[0].getNameValue() + '』 吗?'; else { // 选择了多条记录 message = '<ol>'; Ext.Array.each(grid.getSelectionModel().getSelection(), function( record) { message += '<li>' + record.getNameValue() + '</li>'; }); message += '</ol>'; message = '以下 ' + selection.length + ' 条记录吗?' + message; } Ext.MessageBox.confirm('确定删除', '确定要删除 <strong>' + this.getView().getViewModel().get('tf_title') + '</strong> 中的' + message, function(btn) { if (btn == 'yes') { grid.getStore().remove(grid.getSelectionModel().getSelection()); grid.getStore().sync(); } }) },
跟我一起学extjs5(18--模块的新增、修改、删除操作),布布扣,bubuko.com
跟我一起学extjs5(18--模块的新增、修改、删除操作)
原文地址:http://blog.csdn.net/jfok/article/details/37808757