用文字創建Extjs 4網格動作列？

Question

如何用文本創建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'; 
      } 
     } 
    } 

如何用文字創造ExtJS的4格操作列？

Answer 1

您可以使用該列的renderer。訣竅是，分機專門隱藏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。