禁用组合框下拉列表中的html渲染

Question

使用ExtJs 3.1

My Ext.form.ComboBox是使用商店构建的，其中一些值如下：“value1”，“＆lt; value2＆gt;”，“value3”。 问题是“＆lt; value2＆gt;”在显示组合框下拉列表时，将被解释为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

尝试在绑定前转义值。