[英]ExtJs Combobox displayField encoding
我有一个java Web应用程序。 我有一个实体类(当然在转换后)我想在ExtJs的组合框中使用。 我的问题如下:
在displayField中可以有包含html代码的条目。 因为在使用flexjson.JSONSerializer进行序列化期间,我使用flexjson.HTMLEncoder使条目在下拉列表中可见(在屏幕因未终止的字符串文字而死亡之前)。 到现在为止还挺好。
editor.myCombo = new Ext.form.ComboBox({
mode: 'local',
editable: false,
forceSelection: true,
triggerAction: 'all',
store: new Ext.data.JsonStore({
fields: ['myId', 'myName'],
emptyItem: {'myName' : '...'},
data: <c:out value="${form.json['myList']}" escapeXml="false"/>
}),
disabled: isEditorDisabled,
width: 75,
listWidth: 160,
displayField: 'myName',
valueField: 'myId'
});
但是当我从下拉列表中选择一个项目(所有显示都像Alfred </script>
)时,显示字段将显示为: Alfred </script>
。
我如何使这项工作? 为什么它显示编码版本(在json请求中检索)而不是HTML?
尝试在配置中包含重写的getDisplayValue
方法。 只需将其设置为返回解码值,如下所示:
editor.myCombo = new Ext.form.ComboBox({
mode: 'local',
editable: false,
forceSelection: true,
triggerAction: 'all',
store: new Ext.data.JsonStore({
fields: ['myId', 'myName'],
emptyItem: {'myName' : '...'},
data: <c:out value="${form.json['myList']}" escapeXml="false"/>
}),
disabled: isEditorDisabled,
width: 75,
listWidth: 160,
displayField: 'myName',
valueField: 'myId',
// this should return the decoded string instead
getDisplayValue: function() {
return Ext.String.htmlDecode(this.value);
}
});
它必须以这种方式完成的原因是因为Ext.form.field.Combo
的实际字段部分确实是一个HTML输入元素,它只显示直文,它不会从中生成HTML。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.