checkcolumn tooltip aus einem Datenbankfeld

Question

Ich möchte einen Tooltip zu checkcolumn hinzufügen, aber Text ist ein Datenfeld.

ich es versucht -

columns: { 
    defaults: { menuDisabled: false, hideable: false, autoSizeColumn: true }, 
    items: [    
     { text: 'Start', dataIndex: 'start_date', style: 'text-align:left', align: 'left'}, 
     { text: 'Stop', dataIndex: 'stop_date', style: 'text-align:left', align: 'left' },    
     { xtype: 'checkcolumn', text: 'Error', tooltip: 'error_desc', dataIndex: 'error_flag', style: 'text-align:left', align: 'center'}   
    ] 
} 

Wenn Sie meinen Code zu sehen, ich versuche Wert zuweisen aus einem Datenbankfeld 'error_desc' Tooltip.

Wie erreichen?

Answer 1

Sie können mit der Renderer-Funktion versuchen: -

columns: { 
    defaults: { menuDisabled: false, hideable: false, autoSizeColumn: true }, 
    items: [ 
     { text: 'Start', dataIndex: 'start_date', style: 'text-align:left', align: 'left'}, 
     { text: 'Stop', dataIndex: 'stop_date', style: 'text-align:left', align: 'left' }, 
     { 
      xtype: 'checkcolumn', 
      text: 'Error', 
      dataIndex: 'error_flag', 
      style: 'text-align:left', 
      align: 'center', 
      renderer: function(value, metaData, record) { 
           var error_flag = record.get('error_flag'); 
           metaData.tdAttr = 'data-qtip="' + error_flag + '"'; 
           return new Ext.ux.CheckColumn().renderer(value); 
      } 
    }] 
}