Tworzenie kolumny akcji Extjs 4 z tekstem?

Question

jak utworzyć kolumnę akcji siatki ExtJs 4 z tekstem? to jest mój kod

{ 
    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'; 
      } 
     } 
    } 

Jak utworzyć kolumnę działania ExtJS 4 siatki z tekstem?

Answer 1

Możesz użyć kolumny renderer. Sztuką jest to, że Ext specjalnie ukryć regułę CSS, aby ukryć zawartość kolumn Działanie:

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

Więc trzeba będzie zrekompensować to.

Przykład:

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

Tutaj użyłem stylu inline, ale niestandardowej klasy CSS będzie prawdopodobnie lepiej.

Umożliwia teraz dodanie tekstu do kolumny. Jeśli chcesz dodać tekst w kolumnie dla elementu akcji, musisz zastąpić Ext.grid.column.Action#defaultRenderer.