Extjs学习笔记之 combobox 在 IE 中无法正常显示的问题解决

下面的例子中，combobox中的数据由服务端数据填充，刚一开始很多网上的例子都是少了一句，如下：

store数据

var companies = new Ext.data.JsonStore({
    url: '/Company/GetCompanies/',
    root: 'companies',
    fields: [
{ name: 'CompanyID' }, { name: 'CompanyName'}]
}); 

 

ComboBox的实现：

new Ext.form.ComboBox({
    fieldLabel: 'Company',
    typeAhead: false,
    triggerAction: 'all',
    valueField: 'CompanyID',
    hiddenName: 'CompanyID',
    displayField: 'CompanyName',
    mode: 'remote',
    lazyRender: true,
    store: companies,
    allowBlank: true,
    editable: false,
    listeners: {
        'focus': function () {
            if (companies.data.length > 0) {
                debugger; // 这个用来调试.                  
            }
        }
    }

}) 

返回Json串

{"companies":[{"CompanyID":1,"CompanyName":"Test"},{"CompanyID":2,"CompanyName":"Test1" 
},{"CompanyID":3,"CompanyName":"Test2"}]} 

 

结果是在火狐中显示正常，但是在IE中无法正常显示

解决方法很简单，把store改为如下：

var companies = new Ext.data.Store({
    proxy: new Ext.data.HttpProxy({
        url: '/Company/GetCompanies/',
        method: 'GET'//这里是重点****************
    }),
    reader: new Ext.data.JsonReader({
        root: 'companies'
    },
  [{ name: 'CompanyID', mapping: 'CompanyID' },
  { name: 'CompanyName', mapping: 'CompanyName' }
  ])
}); 

就是简单的method方法，导致在IE中显示不正常。