我在窗体上有一个组合框，需要在其中重置其存储以及“ displayField”和“ valueField”配置。
通过cmb.bindStore(newStore)重置存储非常有用。
设置cmb.displayField = 'newfieldname';也很好。
但是，cmb.valueField = 'newValField';不起作用。该组合显示正确的内容，但是当我选择一项时，该值使用的是旧的valueField值，而不是新的。
我试过了：
之后做一个cmb.reset()Ext.apply(...)
是因为valueField在某种程度上是特殊的，因为它是必填字段吗？是否有一些特殊的方法可以在我不知道的Ext-JS组件上设置配置值，还是无法更改'valueField'的值？
仅供参考-这是我的代码：
comp.bindStore(Ext.create('Ext.data.Store', {
fields : [ {
name : 'abbr',
type : 'string'
}, {
name : 'name',
type : 'string'
}, {
name : 'slogan',
type : 'string'
} ],
data : [ {
"abbr" : "AL",
"name" : "Alabama",
"slogan" : "The Heart of Dixie"
}, {
"abbr" : "AK",
"name" : "Alaska",
"slogan" : "The Land of the Midnight Sun"
}, {
"abbr" : "AZ",
"name" : "Arizona",
"slogan" : "The Grand Canyon State"
}, {
"abbr" : "AR",
"name" : "Arkansas",
"slogan" : "The Natural State"
}, ]
}));
comp.displayField = 'abbr'; // THIS WORKS
comp.valueField = 'abbr'; // THIS DOESNT WORK
最佳答案
您快到了，但是您在哪里查看错误的属性原因valueField不是您的问题，而是displayField。您的确切问题是预配置和缓存的属性。第一个是显示模板，第二个是选择器实例。您需要覆盖模板并删除选择器实例。这是一个工作片段（JSFiddle）
在示例中，我添加了带有叉号的第二个触发器。点击它，组合框将获得新值。我建议您为此创建自己的组件，方法是从ComboBox扩展并将其包装到需要树形参数的重新配置方法中。
Ext.onReady(function() {
// The data store containing the list of states
var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
{"abbr":"AL1", "name":"Alabama1"},
{"abbr":"AK1", "name":"Alaska1"},
{"abbr":"AZ1", "name":"Arizona1"}
//...
]
});
var comp = Ext.create('Ext.form.field.ComboBox', {
fieldLabel: 'Choose State',
id: 'combo-ident',
trigger2Cls: 'x-form-clear-trigger',
onTrigger2Click: function (args) {
var comp = Ext.getCmp('combo-ident');
comp.clearValue();
comp.bindStore(Ext.create('Ext.data.Store', {
fields : [ {
name : 'abbr',
type : 'string'
}, {
name : 'name',
type : 'string'
}, {
name : 'slogan',
type : 'string'
} ],
data : [ {
"abbr" : "AL",
"name" : "Alabama",
"slogan" : "The Heart of Dixie"
}, {
"abbr" : "AK",
"name" : "Alaska",
"slogan" : "The Land of the Midnight Sun"
}, {
"abbr" : "AZ",
"name" : "Arizona",
"slogan" : "The Grand Canyon State"
}, {
"abbr" : "AR",
"name" : "Arkansas",
"slogan" : "The Natural State"
}, ]
}));
comp.displayField = 'abbr';
comp.valueField = 'name';
comp.displayTpl = new Ext.XTemplate(
'<tpl for=".">' +
'{[typeof values === "string" ? values : values["' + comp.displayField + '"]]}' +
'<tpl if="xindex < xcount">' + comp.delimiter + '</tpl>' +
'</tpl>'
);
comp.picker = null;
},
store: states,
queryMode: 'local',
displayField: 'name',
valueField: 'abbr',
renderTo: Ext.getBody()
});
comp.on('select', function(){ console.log(arguments); console.log(arguments[0].getSubmitValue()); })
});
关于javascript - 更改Ext-JS组合框上的valueField配置？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14591063/