ExtJS 4 - 组合框问题

Question

我在使用 extjs 组合框时遇到问题（无论浏览器如何，在 Chrome 和 FF 中进行测试，结果相同）。

组合框加载得很好，两个条目都显示了。我可以选择最初加载的两个之一，但是如果我在选择后尝试更改选择，它将保留原始值，并且不会触发任何选择或更改事件。我发现，如果我开始输入未选定的条目，自动完成将接管，我可以按回车键来选择条目，然后会触发选择事件和更改事件。为什么我不能简单地单击未选择的条目来选择它？

这是模型、读取器、数据存储和组合框代码：

//Model
Ext.define('cbMonitorModel', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'iMonitorID', type: 'String'},
        {name: 'sMonitorName', type: 'String'}
    ]
});

//Reader
var cbMonitorReader = Ext.create('Ext.data.JsonReader',{
    type: 'json',
    model: 'cbMonitorModel'
});

//Store
var cbMonitorDataStore = Ext.create('Ext.data.Store',{
fields: ['iMonitorId','sMonitorName'],
autoLoad: true,
proxy: {
    type: 'ajax',
    url: '/inc/ajax/Monitors.php',
    actionMethods: 'POST',
    reader: cbMonitorReader,
    extraParams: {
        task: 'getMonitors',
        domain: sMonitorDomainName
    }
}
});

//ComboBox
Ext.create('Ext.form.ComboBox',{
    fieldLabel: 'Monitor',
    store: cbMonitorDataStore,
    queryMode: 'local',
    displayField: 'sMonitorName',
    valueField: 'iMonitorId',
    renderTo: Ext.get('monitorSelect'),
    width: 400,
    listeners: {
        select: function(combo, records, opts) {
            console.log('MonitorComboBox - Select');
            console.log(combo);
            console.log(records);
            console.log(opts);
            console.log(cbMonitorDataStore);
            console.log('--------------------------------------------------------------------');
        }
    }
});

代理返回以下字符串：

[{"iMonitorID":"85","sMonitorName":"6176 - xxx.xxx.xxx.xxx default monitor"},{"iMonitorID":"86","sMonitorName":"14177 - aaa.bbbbbbbbb.com default monitor"}]

谢谢。任何帮助将不胜感激。

---

编辑： 2011-09-08 16:32 CST

我仍然没有弄清楚这个问题，但与此同时，我找到了一个“肮脏”的解决方法......扩展事件清除了以前的值，这允许用户选择不同的值，但问题是我无法使用“getValue()”...因此 cb.lastSelection[0].raw.iMonitorID 字符串...

ComboBox 代码：

var MonitorCB = Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Monitor',
    store: cbMonitorDataStore,
    queryMode: 'local',
    displayField: 'sMonitorName',
    valueField: 'iMonitorName',
    width: 400,
    renderTo: 'monitorSelect',
    listeners: {
        select: function(cb, rec, opts){
            console.log(cb.lastSelection[0].raw.iMonitorID);
        },
        expand: function(){this.clearValue()}
    }
});

Answer 1

你的代码有错误。在组合框配置中 valueField: 'iMonitorId' 用小写字母 d 指定，而在模型配置中 name: 'iMonitorID' 用大写字母指定 (并且代理返回'iMonitorID'。

顺便一提。您正在使用具有模型和商店字段配置的阅读器。未使用正确模型的字段配置，因为商店已经具有错误的字段配置。

因此解决方案是：

1.删除商店配置中的字段：['iMonitorId','sMonitorName'],。
2. 将组合框配置中的 valueField 更改为 'iMonitorID'。