0

我正在使用 Extjs4.1.0。

我有一个带有动作列的网格。我必须根据某些条件更改此操作列中的图标。

我正在使用三个 getClass 方法来呈现此列中的图标。

xtype: 'actioncolumn',
items: [
{
    getClass: function (v, meta, rec)
    {
        if (rec.get('fieldDeleteFlag') == false) return 'x-grid-del-css';
        else return '';
    },
    handler: function (grid, rowIndex, colIndex)
    {
        alert('delete');
    }
},{
    getClass: function (v, meta, rec)
    {
        if (rec.get('fieldDeleteFlag') == false) return 'x-grid-edit-css';
        else return '';
        handler: function (grid, rowIndex, colIndex)
        {
            alert('edit');
        }
},{
    getClass: function (v, meta, rec)
    {
        if (rec.get('fieldDeleteFlag') == true) return 'x-grid-activate-css';
        else return '';
    }
    handler: function (grid, rowIndex, colIndex)
    {
        alert('Activate');
    }
}],    

grid.getStore().getAt(rowIndex).set('change',false);

所以,如果标志为假,我需要有两个图标作为编辑和删除。如果标志为真,我只有激活图标。

当我单击激活图标处理程序时,我会将标志列设置为 false,并且我只有该行的编辑和删除图标。

网格渲染时,图标完美呈现。但是,当我单击激活处理程序时,我无法删除激活图标并显示编辑和删除图标。

任何人都可以告诉我如何做到这一点...

4

1 回答 1

0

您可以grid.refresh()在设置单元格值后使用。

handler: function(grid, rowIndex, colIndex) {
    var rec = store.getAt(rowIndex);
    var change = rec.get('change');
    rec.set('change', -change);
    grid.refresh();
}
于 2012-08-10T13:09:00.753 回答