extjs表格删除行的具体代码

可以使用以下代码删除 ExtJS 表格中的行：

grid.getStore().remove(record);

其中，grid 是 Ext.grid.Panel 的实例，getStore() 方法返回 Ext.data.Store 的实例，record 是要删除的行的 Ext.data.Model 的实例。

相关问题

extjs表格每行添加删除按钮的代码

以下是添加删除按钮的代码示例：

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

希望能对您有所帮助！

extjs绑定每行删除按钮的代码

以下是绑定每行删除按钮的代码示例：

Ext.create('Ext.grid.Panel', {
    store: store,
    columns: columns,
    renderTo: Ext.getBody(),
    listeners: {
        itemclick: function(view, record, item, index, e) {
            if (e.target.className == 'delete-button') {
                store.remove(record);
            }
        }
    },
    viewConfig: {
        getRowClass: function(record, rowIndex, rowParams, store) {
            return 'delete-button';
        }
    }
});

这段代码可以实现在 ExtJS 表格中为每一行添加一个删除按钮，并且点击该按钮可以删除对应的行数据。