javascript - 如何指定 ExtJS 网格中单元格的格式？

Question

例如，我有以下网格:

Value | Currency
------|---------
12.32 | EUR
14.00 | JPY

日元不使用小数位，所以我想知道是否可以使用 ExtJS 为每个单元格指定小数位。在这种情况下，仅显示 14 而不是 JPY 的 14.00。

我看过the number column但据我所知，没有为单元格指定格式的选项。

如何指定 ExtJS 网格中单元格的格式？

Answer 1

您可以使用列renderer 来做到这一点。您检查货币的值(value)，如果是日元，则显示不带小数的值(value):

http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.grid.column.Column-cfg-renderer

columns: [
    {
        text: "Value",
        flex: 1,
        dataIndex: 'value',
        renderer: function (value, metaData, record) {
            if (record.data.currency === 'JPY') {
                return Ext.util.Format.number(value, '0');
            }
            return value;
        }
    },
    {
        text: "currency",
        flex: 1,
        dataIndex: 'currency'
    }
]

这是一个有效的 fiddle :http://jsfiddle.net/Xpe9V/1608/