extjs表格每行添加删除按钮的代码
时间: 2023-03-28 20:01:35 浏览: 136
以下是添加删除按钮的代码示例:
```
Ext.create('Ext.grid.Panel', {
store: store,
columns: columns,
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [{
text: '添加行',
handler: function() {
var record = Ext.create('MyModel', {
// 新行的数据
});
store.add(record);
}
}]
}],
plugins: [{
ptype: 'rowediting',
clicksToEdit: 2,
pluginId: 'rowediting',
listeners: {
cancelEdit: function(rowEditing, context) {
// 取消编辑时,如果是新行,则删除
if (context.record.phantom) {
store.remove(context.record);
}
}
}
}],
listeners: {
viewready: function(grid) {
// 添加删除按钮
grid.down('headercontainer').insert(, {
xtype: 'actioncolumn',
width: 30,
items: [{
iconCls: 'x-fa fa-minus-circle',
tooltip: '删除行',
handler: function(grid, rowIndex) {
var record = grid.getStore().getAt(rowIndex);
grid.getStore().remove(record);
}
}]
});
}
}
});
```
希望能对您有所帮助!
阅读全文