Question

我在网格视图中的每一行的动作列中都有3个图标，即“编辑”，“删除”，“发布”。现在我想要的是在某些条件下隐藏发布图标并更改为取消发布图标。（我的记录来自mysql db）。

Answer 1

这是我项目的一个例子。

使用actioncolumn项的getClass属性来实现此目的。要隐藏它，请返回“x-hide-display”类名。

xtype: 'actioncolumn',
  items: [
      {
      getClass: function(v, metadata, r, rowIndex, colIndex, store) {
          // hide this action if row data flag indicates it is not deletable
          if(r.data.deletable == false) {
              return "x-hide-display";
          }
      },
      handler: function(view, rowIndex, colIndex, item, e, record, row) {
          //do something
      },
      icon: 'icons/delete.png'
      }
  ]                             
]

Answer 2

我不得不面对类似的情况，但我的要求发生了变化，没有时间实施一些人建议的帮助。

您可以在

查看

http://www.sencha.com/forum/showthread.php?149763-How-to-Change-action-column-icon-dynamically

在Extjs 4中使用getClass隐藏操作列图标

2 个答案: