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

标签 javascript extjs extjs4

我在 GridView 中的每一行的操作列中有 3 个图标,编辑、删除、发布。 现在我想要的是在某些情况下隐藏发布图标并更改为取消发布图标。(我的记录来自 mysql 数据库)。

最佳答案

这是我项目中的一个例子。

使用 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'
      }
  ]                             
]

关于javascript - 在 Extjs 4 中使用 getClass 隐藏操作列图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14689527/

相关文章:

javascript - 如何使用 XTemplate 在 x 次迭代后添加换行符(换行符)?

javascript - ExtJS Forms > .getFieldValues() 函数不返回 "timefield"xtype 的任何值

javascript - 过滤器/搜索表不起作用

javascript - 我需要将图像定位在背景图像的底部,并在调整窗口大小时让它们保持原位

javascript - 存储记录编辑后和提交后网格丢失(可见)选择

extjs - 如何在extjs中获取当前按钮的id?

extjs - 提高 TabPanel 内的 ExtJS TabBar 滚动速度

javascript - 我可以在 expo 弹出后使用 expo 包吗

javascript - Ajax 调用返回未定义的数据

javascript - 如何在控制台中调试 Ext JS 4 错误