带有渲染器的 ExtJS 网格动态列

Question

我有一个带有来自服务器的动态列的网格 (ExtJS 4.2.1)。这工作得很好。

这是我从服务器获取 JSON 字段、列和存储数据后重新配置网格的代码：

var me = this,
            grid = me.getVacationView().down('[xtype=vacation.monthgrid]'),
            gridStore = grid.getStore();

        App.util.Ajax.request({
            url: '/api/holiday/GetHolidayData',
            method: 'GET',
            success: function(response, opts) {
                var obj = Ext.decode(response.responseText);
                if (obj.success) {

                    gridStore.model.setFields(obj.data.metaData.fields);
                    grid.reconfigure(gridStore, obj.data.metaData.columns);
                    gridStore.loadRawData(obj.data.storeData, false);
                }
            }
        });

在我的服务器中，我有 column 属性：

newColumn.renderer = "myRender";

所以该值也在我的 JSON 中，但现在我不知道我必须在哪里放置“myRender”函数，所以当我调用时：

grid.reconfigure(gridStore, obj.data.metaData.columns);

我的列得到正确呈现。 （我需要根据其值填充单元格的背景）。

有什么线索吗？欣赏它。

Answer 1

命名渲染器的字符串必须是 Ext.util.Format 的一部分。所以你需要：

Ext.define('App.util.Format', {
    override : 'Ext.util.Format',
    myRender : function() {}
});

如果您无法覆盖 util.Format，则可以在重新配置之前对“renderer”列进行 eval。

如何编写渲染器来改变单元格值，这里解释：extjs change grid cell background based on value