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. };