Ext JS中如何根据字段值渲染Font Awesome图标

你当前的renderer只返回了图标类名字符串，Grid组件无法直接识别并渲染成图标，需要返回包含类名的HTML元素标签。以下是修正后的实现：

text: UITEXT.GENERAL_STATUS,
dataIndex: 'status',
sortable: false,
flex: 0.5,
align: 'center',
renderer: function (value, record, dataIndex, cell, column) {
    if (value === 1) {
        return '<i class="x-fa fa-arrow-circle-up"></i>';
    } else if (value === 3) {
        return '<i class="x-fa fa-arrow-circle-down"></i>';
    }
    // 处理其他状态值，返回空或默认内容
    return '';
}

关键说明： #

• 用<i>标签包裹Font Awesome的类名，确保Grid能解析并渲染出图标
• 补充了默认返回值，避免未匹配到条件时单元格内容异常

内容的提问来源于stack exchange，提问作者Joclelson