Extjs5:组合框不显示所选值
Extjs5 : ComboBox not showing the selected value
我创建了一个comboBox
,当我选择一个值时,不会显示任何值。
Ext.create("Ext.form.field.ComboBox", {
name: el.name,
fieldLabel: el.labelId,
hidden: !(el.visible),
displayField:"value",
valueField:"value",
flex: 1,
store:Ext.create("Ext.data.Store",{
fields: ['key', 'value'],
data: [
{ key: "10",value: "etap 0"},
{ key: "200",value: "etape 1"},
{ key: "300", value: "etape 3"}
]
}),
regex: el.parameterType.regex,
regexText: el.regExErrMsg,
allowBlank: !el.mandatory,
blankText: el.requiredErrMsg
})
编辑
这正是返回组合的方法:
drawField: function (el) {
var me = this;
var uiField = Ext.create(me.componentType, {
name: el.name,
fieldLabel: el.labelId,
hidden: !(el.visible),
flex: 1,
regex: el.parameterType.regex,
regexText: el.regExErrMsg,
allowBlank: !el.mandatory,
blankText: el.requiredErrMsg
});
if (el.parameterType.isCombo) {
uiField.displayField = 'value';
uiField.valueField = 'key';
uiField.editable = false;
uiField.store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
data: el.parameterType.values
});
}
return uiField;
}
el
参数是一个这样的 JavaScript 对象:
{
name: "",
labelId: "Champ :",
parameterType: {
regEx: "^.*$",
errID: "115",
isCombo: true,
values:[
{key: "10", value: "etap 0"},
{key: "200",value: "etape 1"},
{key: "300",value: "etape 3"},
],
selectedValue: "etap 0"
},
mandatory: false,
visible: true,
defaultValue: "",
elementType: "LIST_BOX",
regExErrMsg: "Valeur invalide.",
requiredErrMsg: ""
}
运行时me.componentType
Ext.form.field.ComboBox
这个小提琴对我来说很好用,我删除了对 el 的引用,因为它对我来说显示为未定义,并且还 Ext.data.store 更改为 Ext.data.Store
https://fiddle.sencha.com/#fiddle/jj6
Ext.application({
name: 'Fiddle',
launch: function() {
Ext.create("Ext.form.field.ComboBox", {
renderTo: Ext.getBody(),
displayField: "value",
valueField: "value",
flex: 1,
store: Ext.create("Ext.data.Store", {
fields: ['key', 'value'],
data: [{
key: "10",
value: "etap 0"
}, {
key: "200",
value: "etape 1"
}, {
key: "300",
value: "etape 3"
}]
})
});
}
});
valueField:"value"是错误的,您应该指定valueField:"key"以使ComboBox正常工作
相关文章:
- 根据组合框选择显示特定数据
- Extjs5:组合框不显示所选值
- 组合用于隐藏或显示内容的方法
- 组合框值更改时,显示一个文本框
- ExtJs组合框显示字段编码
- 显示给定输入数字的数据集中字母表的所有可能组合
- 组合功能以使用 Jquery 在一组单选按钮中显示输入字段和单选按钮
- Extjs 网格列 - 组合在值更改后显示键而不是值
- 使用显示值设置组合框值
- Cakephp 2.x - 隐藏/显示组合框
- 在下拉列表中显示树的组合框
- 角度中的组合框(选择组件)不基于参数设置显示值
- 显示图像的组合框
- 条件组合 显示/隐藏多个单选按钮
- 在文本编辑器中显示值,点击组合框:Yii 1.1.
- 组合框;选择时显示不同的说明文本
- EXT JS :在组合框中,如何为不在存储中的记录设置显示字段
- 计数并显示组合的选择选项值
- 是否可以显示组合的社交点赞&股票
- 剑道网格弹出编辑模式不显示组合框数据