checkcolumnデータベースの項目のツールチップ

Question

checkcolumnにツールチップを追加したいが、テキストはデータフィールドです。

私はそれを試してみました -

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'}   
    ] 
} 

あなたは私のコードが表示された場合

が、私は、データベースフィールド「error_desc」からツールチップに値を代入しようとしています。

これを行うには？あなたはレンダラ機能を試すことができます

Answer 1

： -

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); 
      } 
    }] 
}