テキスト付きExtjs 4グリッドアクションコラムを作成しますか？

Question

テキスト付きのExtJs 4グリッドアクション列の作成方法は？ これはテキストでExtJSの4グリッドアクション列を作成する方法私のコード

{ 
    xtype : 'actioncolumn', 
    text : lang('publish'), 
    width : 100, 
    tdCls: 'x-publish-cell', 
    items : [{ 
     getClass : function(v, meta, rec) { 
      if (rec.get('isPublished') == true) { 
       //this.items[0].tooltip = 'Test'; 
       return 'y'; 
      } else { 
       return 'n'; 
      } 
     } 
    } 

のですか？

Answer 1

この列のrendererを使用できます。そのトリックは、ExtがCSSルールを非表示にしてアクション列のコンテンツを非表示にすることです。

.x-grid-cell-inner-action-col { 
    line-height: 0; 
    font-size: 0; 
} 

これを補う必要があります。

例：ここでは

{ 
    xtype:'actioncolumn', 
    renderer: function() { 
     return 
      '<div style="float:right; font-size: 13px; line-height: 1em;">' 
       + 'Hey!' 
      + '</div>' 
    }, 
    items: [ 
     // ... 
    ] 
} 

私は、インラインスタイルを使用しましたが、カスタムCSSクラスは、おそらく良いだろう。

これで、テキストをテキストに追加することができます。あなたが達成したいのは、コラム内のアクション項目にテキストを追加することです。Ext.grid.column.Action#defaultRendererをオーバーライドする必要があります。