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