Extjs 设置数字单元格中数字颜色

在ExtJS中，您可以通过自定义单元格渲染函数来设置数字单元格中数字的颜色。可以按照以下步骤进行设置：

1. 创建一个包含数字的Store，例如：

Ext.define('MyApp.store.Numbers', {
    extend: 'Ext.data.Store',
    fields: ['value'],
    data: [
        { value: 10 },
        { value: 20 },
        { value: 30 },
        { value: 40 },
        { value: 50 }
    ]
});

2. 在Grid中使用该Store，并为数字单元格的列添加renderer函数，例如：

Ext.create('Ext.grid.Panel', {
    title: 'Numbers',
    store: Ext.create('MyApp.store.Numbers'),
    columns: [{
        text: 'Value',
        dataIndex: 'value',
        renderer: function(value) {
            if (value > 30) {
                return '<span style="color:red;">' + value + '</span>';
            } else {
                return value;
            }
        }
    }],
    width: 200,
    height: 200,
    renderTo: Ext.getBody()
});

在renderer函数中，我们使用了一个条件判断，如果单元格中的数字大于30，则使用红色字体渲染该单元格，否则使用默认的颜色。

这样，数字单元格中的数字颜色就会被设置为您所选择的颜色。请注意，这种方法只适用于数字单元格中的数字，如果单元格中包含文本，则需要另行处理。