extjs中combobox默认显示第一个值

在进入页面时往往用户希望页面能够显示默认的内容，但是页面中会存在一些选项通过用户选择之后才会加载相应的内容。在这篇文章里面介绍了如何去设置页面中默认的内容，如combobox默认显示第一个值。

页面：

 1     //定义配煤单位model
 2     Ext.define('unit_Model_ripmbb', {
 3         extend : 'Ext.data.Model',
 4         fields : [ {
 5             name : 'id',
 6             type : 'string'
 7         }, {
 8             name : 'name',
 9             type : 'string'
10         } ]
11     });
12     var unit_Store_ripmbb = Ext.create('Ext.data.Store', {
13         model : 'unit_Model_ripmbb',
14         proxy : {
15             url : '../ripmbb/getorgname',
16             method : 'GET',
17             type : 'ajax',
18             reader : {
19                 type : 'json',
20                 root : 'datas'
21             }
22         },
23         autoLoad:true,
24         listeners: {
25             load: function(){//load方法是在store里面的数据绑定完成之后触发的
26                 if(this.count() > 0){//这里判断store内是否存在数据
27                     //说明存在配煤单位信息
28                     var peimdwid = this.data.items[0].get('id');
29                     mixcoalunit_ripmbb.setValue(peimdwid);
30                     
31                     //日期
32                     var ripmbbdate = Ext.getCmp('dateRipmbb').getValue();
33                     
34                     //加载报表
35                     displayTable(peimdwid, ripmbbdate);
36                 }
37             }
38         }
39     });

 

转载于:https://www.cnblogs.com/smallrock/p/3596157.html