Отключить рендеринг html в выпадающем списке в выпадающем списке

Question

с ExtJs 3.1

Мой Ext.form.ComboBox построен с хранилищем, в котором некоторые значения похожи на это: «значение1», «<значение2>», «значение3». Проблема заключается в том, что «<значение2>» интерпретируется как тег HTML, когда отображается раскрывающийся список выпадающего списка. И я не хочу этого . Есть идеи?

Answer 1

Укажите пользовательский шаблон для списка ComboBox и передайте значения через фильтр кодировки HTML:

new Ext.form.ComboBox({
    store: new Ext.data.ArrayStore({
        fields: ['field_name'],
        data: [['<item1>']]
    }),
    displayField: 'field_name',
    valueField: 'field_name',
    mode: 'local',
    tpl: '<tpl for=".">'
        +'<div class="x-combo-list-item">'
        +'{field_name:htmlEncode}'
        +'</div>'
        +'</tpl>'
});

Answer 2

Попробуйте экранировать значения перед привязкой.