ComboBox的数据源store格式详解

我们一直给ComboBox的数据源store赋值一维数组，其实store支持多维和Store.data.Store类型。

// 下面就几种数据以代码举例说明
1 .一维数组：[ " 江西 " , " 湖北 " ]，值同时赋给ComboBox的value和text
2 .二维和多维数组：[[ " one " , " bbar " , " 111 " ],[ " two " , " tbar " , " 222 " ]],第一维和第二维分别赋值给value和text，其他维忽略
3 .store类型：包括GroupingStore, JsonStore, SimpleStore.
     // 我们分三步走：
      // 第一步：提供数据：
         var data=[['湖北','hubei'],['江西','jiangxi'],['安徽','anhui']];
     // 第二步：导入到store中：
          var  store  =   new  Ext.data.SimpleStore({
             fields: [ ' chinese ' ,  ' english ' ],
             data : data
        });
      // 第三步 :把store托付给comboBox的store
     var  combo  =   new  Ext.form.ComboBox({
        store: store,
        displayField: ' english ' , // store字段中你要显示的字段，多字段必选参数，默认当mode为remote时displayField为undefine，当select列表时displayField为"text"
        mode:  ' local ' , // 因为data已经取数据到本地了，所以'local',默认为"remote"，枚举完
        emptyText: '请选择一个省份... ' ,
        applyTo:  ' combo '
    });

复制代码

这里我们介绍了两个新的参数displayField和mode