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