Question

我有一个网格面板，我希望为每一行添加一个删除按钮。当用户单击该行被删除的按钮时。另外我想在底部有一个保存按钮，可以帮助用户向网格添加一行。问题是我正在动态添加行。因此，对于每一行，还应该添加删除图标。

我的要求仅适用于2列。一个显示名称，另一个显示删除图标。

请告诉我如何动态地将图标添加到每一行。我已经有了一个类似于这样的CSS：

        columns : [
                        {
                            text : 'Name', 
                            dataIndex : 'name', 
                            width : '50%'
                        },
                        {
                           xtype : 'actioncolumn',
                           draggable : false,
                           hideable : false,
                           menuDisabled : true,
                           width:'50%',

                           items : [ {
                                iconCls: 'icon-delete',
                                tooltip: 'Delete',
                                scope: this,

                                }
                            ]
                        }
                    ]

此CSS位于不同的文件中。我是extjs的新手，所以我对这些功能并没有多少经验。

编辑：

我尝试了以下操作，但它没有显示图标。请告诉我我哪里错了。

LB_Session

Answer 1

您应该使用Ext.grid.column.Action类，如下所示：

{
    xtype:'actioncolumn',
    width:20,
    items: [{
        iconCls: 'icon-delete',
        tooltip: 'Delete',
        handler: function(grid, rowIndex, colIndex) {
            grid.getStore().removeAt(rowIndex);
        },
        scope: this
    }]
}

课程文档：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Action

添加删除按钮extjs grid

1 个答案: