0

我在树网格面板上有一个操作列定义，我想在文件夹上隐藏操作图标，但在叶节点中显示不同的图标，我成功地做到了，但是，当我应用“x-hide-display”时样式我还注意到列本身被隐藏了，我只想在每列中显示图标。谢谢

    this.columns = [{
            xtype: 'treecolumn', //this is so we know which column will show the tree
            text: 'Folder',
            flex: 1,
            sortable: true,
            dataIndex: 'folder'
        },{
            text: '',
            width: 20,
            menuDisabled: true,
            xtype: 'actioncolumn',
            tooltip: 'View Chats',
            align: 'center',
            items:[{
                icon: 'resources/images/comment.png',
                getClass: function(value, metaData, record){
                    if(record.raw.leaf)
                        metaData.css = 'x-grid-icon'
                    else
                        metaData.css = 'x-hide-display';
                }
            }]
        },{
            text: '',
            width: 20,
            menuDisabled: true,
            xtype: 'actioncolumn',
            tooltip: 'View Alerts',
            align: 'center',
            items:[{
                icon: 'resources/images/alert.png',
                getClass: function(value, metaData, record){
                    if(record.raw.leaf)
                        metaData.css = 'x-grid-icon'
                    else
                        metaData.css = 'x-hide-display';
                }
            }]
        },{
            text: '',
            width: 20,
            menuDisabled: true,
            xtype: 'actioncolumn',
            tooltip: 'Favorite',
            align: 'center',
            items:[{
                icon: 'resources/images/favorites.png',
                getClass: function(value, metaData, record){
                    if(!record.raw.leaf)
                        metaData.css = 'x-grid-icon'
                    else
                        metaData.css = 'x-hide-display';
                }
            }]
        },{
            text: '',
            width: 20,
            menuDisabled: true,
            xtype: 'actioncolumn',
            tooltip: 'Share',
            align: 'center',
            items:[{
                icon: 'resources/images/share.png',
                getClass: function(value, metaData, record){
                    if(!record.raw.leaf)
                        metaData.css = 'x-grid-icon'
                    else
                        metaData.css = 'x-hide-display';
                }
            }]
        }]

我希望每列上的图标不在文件夹图标下

4

2 回答 2

1

这帮助了我：

if(!record.raw.leaf){
  return 'x-grid-icon';
}else{
  return 'x-hidden';
}
于 2015-02-11T07:02:39.883 回答
1

它非常简单，而不是添加 x-hide-display 添加您自己的 css 类：

.hide-icon img{ visibility: hidden !important }

就这样。我们添加 img 是因为您只想隐藏图像图标而不是隐藏单元格本身，如果您在将鼠标移到行上时不添加 img，您会注意到隐藏的单元格不会更改灰色背景颜色.

于 2013-06-25T23:38:42.313 回答