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

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