来自数据库字段的检查列工具提示

Question

我想向检查列添加工具提示，但文本是数据字段。

我试过了 -

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

来自数据库字段的检查列工具提示

checkcolumn tooltip from a database field

javascript

extjs

extjs5