как избежать 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
});