Metin ile Extjs 4 ızgara actioncolumn oluşturun?

Question

Metin ile ExtJs 4 ızgara eylem sütunu nasıl oluşturulur? bu

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

Nasıl metin ile ExtJs 4 ızgara eylem sütun oluşturun benim kodudur?

Answer 1

Sütunun renderer.

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

Yani bunu telafi etmek zorunda kalacak: hile Dahili özellikle aksiyon sütunların içeriğini gizlemek için CSS kuralını gizlemek olmasıdır.

Örnek: Aşağıda

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

ben satır içi stil kullandım, ancak özel CSS sınıf muhtemelen daha iyi olurdu.

Artık bu, sütuna bir metin eklemenizi sağlar. Elde etmek istediğiniz şey, sütuna işlem öğesinin başına no.lu bir metin eklemekse, Ext.grid.column.Action#defaultRenderer'u geçersiz kılmanız gerekir.