在网格上添加按钮

时间:2012-07-12 14:29:58

标签: extjs4 extjs4.1

我有一个包含3列的网格,其中一列有一个actioncolumn,上面有一个按钮;

我的情景;如果用户来自点击friend view的按钮,那么我需要显示以下网格(使用actioncolumn按钮),但当用户点击teacher view时,我需要动作栏中显示2个按钮。我怎么能这样做?

Ext.create('Ext.grid.Panel', {
    title: 'Action Column Demo',
    store: Ext.data.StoreManager.lookup('friendStore'),
    columns: [
        {text: 'First Name',  dataIndex:'firstname'},
        {text: 'Last Name',  dataIndex:'lastname'},
        {
            xtype:'actioncolumn',
            width:50,
            items: [{
                icon: 'extjs/examples/shared/icons/fam/cog_edit.png',  // Use a URL in the icon config
                tooltip: 'Edit',
                handler: function(grid, rowIndex, colIndex) {
                    var rec = grid.getStore().getAt(rowIndex);
                    alert("Edit " + rec.get('firstname'));
                }
            }]
        }
    ],
    width: 250,
    renderTo: Ext.getBody()
});

1 个答案:

答案 0 :(得分:0)

您始终可以创建两个动作列,一个带一个按钮,另一个带两个按钮,并隐藏您不需要的动作列。

...
xtype : 'actioncolumn',
hide  : this.fromTeacherView, //a boolean
...

fromTeacherView在这种情况下是一个布尔值,它是在实例化时为网格提供的配置参数。

不确定这是否是您要找的。