在ExtJS 4中渲染到网格之前修改数据

Question

如何在ExtJs中的网格中渲染之前修改存储在本地存储中的值？

我需要在呈现之前将值传递给函数进行处理，

例如：process(value fetched from local storage);

我写了这样的模型：

Ext.define('MyApp.model.RegistrationModel', {
    extend: 'Ext.data.Model',
     fields: [
       { name: 'user', type: 'string' }, 
        { name: 'fName', type: 'string' },
        { name: 'lName', type: 'string' },
        { name: 'gender', type: 'string'},
        { name: 'role', type: 'string' },
        { name: 'phone', type: 'string'}

    ]
});

Answer 1

您是否只想为可视化修改数据？然后，您只需使用渲染器配置：http://docs.sencha.com/extjs/4.1.1/#!/api/Ext.grid.column.Column-cfg-renderer

Answer 2

您必须在网格列中添加渲染器，您可以根据需要进行渲染：

{
 dataIndex: 'data',
      renderer: function (val, metaData, r) {
              return val + ' (' + "local data" + ')'; 
      },
}