Ext ComboBox设置选中初始值的问题解决方案

文章分类:Web前端
一定要注意的问题:
1、autoLoad:true,一定要设置autoLoad的值为true，否则显示的是value 而不是text
2、一定要添加监听事件：comboBox一定要设置id；用setValue方法为其设置选中值的value，对应的就是store中选项！

Java 代码

   1. var storezone = new Ext.data.Store({ 
   2.                 autoLoad : true, 
   3.                 proxy:new Ext.data.HttpProxy({url:'zone.do?op=toAddMerchant'}), 
   4.                 reader:new Ext.data.ArrayReader({},[ 
   5.                     {name:'zoneid'}, 
   6.                     {name:'zonename'} 
   7.                 ]), 
   8.                 listeners :{    
   9.                       load:function(){    
  10.                         Ext.getCmp('test').setValue(<%=mer.getZoneId()%>);    
  11.                       }    
  12.                 } 
  13.              }); 
  14.               
  15.              var zone_comb = { 
  16.                 fieldLabel:'地  区', 
  17.                 xtype:'combo', 
  18.                 id:'test', 
  19.                 allowBlank:false, 
  20.                 blankText:'请选择地区，地区不能为空！', 
  21.                 emptyText:'请选择', 
  22.                 triggerAction:'all', 
  23.                 width:130, 
  24.                 hiddenName:'zoneid', 
  25.                 valueField:'zoneid', 
  26.                 displayField:'zonename', 
  27.                 minListWidth:250, 
  28.                 pageSize:5, 
  29.                 resizable:true, 
  30.                 mode:'remote', 
  31.                 store:storezone, 
  32.                 editable : false, 
  33.                 lazyInit : false 
  34.             };