Ajax 加载后ComboBox.setValue设置了错误的值_Ajax_Extjs_Combobox_Onload_Setvalue

Ajax 加载后ComboBox.setValue设置了错误的值

ajax extjs combobox

Ajax 加载后ComboBox.setValue设置了错误的值,ajax,extjs,combobox,onload,setvalue,Ajax,Extjs,Combobox,Onload,Setvalue,我有一个组合框，它表示从服务器端检索到的登录类型。登录类型的转换应该在客户端完成这是从服务器端返回的json示例： [ {"valueField":"activeDirectory"}, {"valueField":"userpass"} ] Combobox的定义如下： Ext.create('Ext.form.ComboBox', { fieldLabel : window._i18n['login.login-panel.logintype'], itemId

我有一个组合框，它表示从服务器端检索到的登录类型。登录类型的转换应该在客户端完成

这是从服务器端返回的json示例：

[
  {"valueField":"activeDirectory"},
  {"valueField":"userpass"}
]

Combobox的定义如下：

Ext.create('Ext.form.ComboBox', {
    fieldLabel : window._i18n['login.login-panel.logintype'],
    itemId : 'logintype',
    store : loginTypesStore,
    name : 'loginType',
    hiddenName: 'hiddenName',
    displayField : 'localizedDisplayField',
    valueField : 'valueField',
    submitValue: true,
    forceSelection: true,
    editable : false,
    allowBlank : false,
    queryMode: 'remote'
})

var loginTypesStore = Ext.create('Ext.data.Store', {
    fields: ['valueField', 'localizedDisplayField'],
    data: [
        {"valueField": "userpass", "localizedDisplayField": "Localized userpass"},
        {"valueField": "activeDirectory", "localizedDisplayField": "Localized activeDirectory"}
    ]
});

模型和存储定义为：

Ext.define('loginTypeModel', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'valueField' },
        {
            name: 'localizedDisplayField',
            convert: function(value, record) {
                return window._i18n['login.login-panel.logintypename.' + record.get('valueField')];
            }
        }
    ],
    proxy: {
        type: 'ajax',
        url: 'Admin/LoginTypes',
        reader: {
            type: 'json'
        }
    }
});

var loginTypesStore = Ext.create('Ext.data.Store', {
    autoLoad: false,
    type: 'json',
    model: 'loginTypeModel'
});

我为store添加了load listener，它应该将combobox值设置为收到的第一个项目：

loginTypesStore.on('load', function () {
    var combo = Ext.getCmp('login-panel').getComponent('logintype');
    console.log('combo.Value : [' + combo.getValue() + '] -> [' + loginTypesStore.data.first().data.valueField + ']');
    combo.setValue(loginTypesStore.data.first().data.valueField); //loginTypesStore.data.first().data.valueField);
    console.log('combo.Value = ' +  combo.getValue());    
});

但是，在控制台输出中，我可以看到：

combo.Value : [null] -> [activeDirectory]
combo.Value = Active Directory EN

“Active Directory EN”

是

“Active Directory”

键的英文翻译

这怎么可能

当我将存储替换为本地存储时，如下所示：

Ext.create('Ext.form.ComboBox', {
    fieldLabel : window._i18n['login.login-panel.logintype'],
    itemId : 'logintype',
    store : loginTypesStore,
    name : 'loginType',
    hiddenName: 'hiddenName',
    displayField : 'localizedDisplayField',
    valueField : 'valueField',
    submitValue: true,
    forceSelection: true,
    editable : false,
    allowBlank : false,
    queryMode: 'remote'
})

var loginTypesStore = Ext.create('Ext.data.Store', {
    fields: ['valueField', 'localizedDisplayField'],
    data: [
        {"valueField": "userpass", "localizedDisplayField": "Localized userpass"},
        {"valueField": "activeDirectory", "localizedDisplayField": "Localized activeDirectory"}
    ]
});

一切正常，即在控制台中，我看到：

combo.Value : [null] -> [userpass]
combo.Value = userpass

问题在于读取翻译文件。Translation

Active directory EN

的末尾确实有不可见的

\r

字符，问题出在函数

getValue

中。从下图中，您可以看到变量

等于

Active Directory EN

，但它附加了

\r

，而

b.getDisplayValue（）

没有它（我调试了这个值，并从DOM中检索了这个值，所以可能

\r

在那里丢失了）