网格上的 ExtJS 4 “渲染器”列

Question

我有一个应该在列上执行渲染器的网格，但它不显示任何内容，也不识别记录。

查看

Ext.define('Ab.view.maquina.MaquinaList', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.maquinalist',
    store: 'Maquinas',
    tbar: [
        { text: _('Agregar'), action:'add'},
        { text: _('Editar'), action: 'upd'},
        { text: _('Eliminar'), action: 'del'}
    ],
    columns: [
        { text: _('Nombre'), flex: 1, dataIndex: 'nombre' },
         { text: _('Estado'), flex: 1, dataIndex: 'estado'},
        { text: _('Marca'), flex: 1, dataIndex: 'codigo', renderer: function(value, record){this.renderMarca(value, record)}} 
    ],
    renderMarca: function(value,record){
             console.log(value);  < show value
             console.log(record.get('nombre')); < error 
             return value; < don't show value on the column

    }    
});

谢谢

Answer 1

记录没有正确记录在那里，因为渲染器函数的参数与您尝试使用的参数不同。来自http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.column.Column-cfg-renderer：

renderer: function (value, metaData, record, row, col, store, gridView) {

您也没有从渲染器内部返回值。这解决了这两个问题：

{ 
  text: _('Marca'), 
  flex: 1, 
  dataIndex: 'codigo', 
  renderer: function(value, metaData, record, row, col, store, gridView){
    return this.renderMarca(value, record);
  }
}