ExtJS 4 - 网格列tpl实现

Question

我正在尝试将字符串“item”添加到“Item No.”下的每一行中标准ExtJS 4网格中的列。

我试过

confirmationGrid = Ext.create('Ext.grid.Panel', {
    id: 'confirmationGrid',
    width: 1100,
    renderTo: Ext.get('sencha_confirmation'),
    store: store,
    columns: [
        {text: 'Item No', width: 80, dataIndex: 'ItemNo', tpl: 'item {ItemNo}' }
        // additional columns removed for brevity
    ]
});

并且项目编号的所有引用（商店，模型）都是ItemNo（如上所述）。该列忽略了tpl规定，只是显示项目编号而没有任何附加文本。

我哪里错了？

Answer 1

您错过了xtype: templatecolumn，表示您正在使用模板。此外，您没有显示您的数据，所以也许：

1. 您的模型缺少该字段
2. 服务器没有返回该字段的数据

Answer 2

您可以使用renderer在列中获得所需的结果：

       {
            text: 'Item No',
            width: 80,
            dataIndex: 'ItemNo',
            renderer: function(value) {
                return 'Item: ' + value;
            }
        }