extjs每行删除按钮代码

以下是 ExtJS 中每行删除按钮的代码示例：

{
    xtype: 'button',
    text: '删除',
    handler: function(grid, rowIndex, colIndex) {
        var rec = grid.getStore().getAt(rowIndex);
        grid.getStore().remove(rec);
    }
}

这段代码会在每行添加一个删除按钮，点击按钮会删除对应行的数据。

相关问题

extjs删除每行按钮的代码

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

Ext.create('Ext.grid.Panel', {
    title: 'My Grid Panel',
    store: myStore,
    columns: [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        {
            xtype: 'actioncolumn',
            width: 50,
            items: [{
                icon: 'delete.png',
                tooltip: 'Delete',
                handler: function(grid, rowIndex, colIndex) {
                    var rec = grid.getStore().getAt(rowIndex);
                    Ext.Msg.alert('Delete', 'Delete ' + rec.get('name'));
                }
            }]
        }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

希望能对你有所帮助。

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 表格中为每一行添加一个删除按钮，并且点击该按钮可以删除对应的行数据。