Question

我想在checkcolumn中添加工具提示，但text是一个数据字段。

我试过了 -

 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工具提示

1 个答案: