如何转义网格中的html实体？

Question

我有网格列：

{
    header: "",
    sortable: false,
    id: 'value',
    dataIndex: 'value',
    hidden: false,
    editor: {
        xtype: 'textfield',
        allowBlank: false
    }
}

如何仅在该列的渲染器函数中转义 html 实体？

Answer 1

列定义的 renderer 属性可以采用函数或 Ext.util.Format 方法之一的字符串名称。在这种情况下，您可以通过将列声明为以下方式来使用 htmlEncode 方法：

{
    header: "",
    sortable: false,
    id: 'value',
    dataIndex: 'value',
    hidden: false,
    editor: {
        xtype: 'textfield',
        allowBlank: false
    },
    renderer: 'htmlEncode'
}

Answer 2

EditorGridPanel 上有一个 autoEncode 属性。

“True 表示在编辑前和编辑后自动对 HTML 值进行编码和解码（默认为 false）。”

只需将其设置为 true 即可。

autoEncode: true

Answer 3

您好，将此代码写入 app.js 文件中
//网格xss代码

Ext.override(Ext.grid.column.Column, {
defaultRenderer: Ext.util.Format.htmlEncode
});