來自數據庫字段的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); 
      } 
    }] 
}