日期:2014-05-16 浏览次数:20365 次
Ext.onReady(function() { //定义ComboBox数据源模型 Ext.define('State', { extend: 'Ext.data.Model', fields: [ {type: 'int', name: 'id'}, {type: 'string', name: 'cname'} ] }); //加载省份数据源 var store1 = Ext.create('Ext.data.Store', { model: 'State', proxy: { type: 'ajax', url: 'provinces_regions.jsp?act=sheng&n='+new Date().getTime()+'' }, autoLoad: true, remoteSort:true }); //加载市区数据源 var store2 = Ext.create('Ext.data.Store', { model: 'State', proxy: { type: 'ajax', url: 'provinces_regions.jsp?act=shi&n='+new Date().getTime()+'' }, autoLoad: false, remoteSort:true }); //加载地区数据源 var store3 = Ext.create('Ext.data.Store', { model: 'State', proxy: { type: 'ajax', url: 'provinces_regions.jsp?act=qu&n='+new Date().getTime()+'' }, autoLoad: false, remoteSort:true }) var combo1 = Ext.create('Ext.form.ComboBox', { fieldLabel : '省份', //store : states, name : "sheng", id : "shengid", store : store1, queryMode : 'local', displayField : 'cname', valueField : 'id', triggerAction : 'all', selectOnFocus : true, forceSelection : true, allowBlank : true, editable : true, emptyText : "请选择省份1", blankText : "请选择省份", listeners : { 'select' : function(combo, record, index) { try{ combo2.clearValue(); combo3.clearValue(); combo2.store.load({params:{param:this.value}}); } catch(ex){ Ext.MessageBox.alert("错误","数据加载失败。"); } } } }); var combo2 = Ext.create('Ext.form.ComboBox', { fieldLabel : '市区', name : "shi", id : "shiid", store : store2, queryMode : 'local', displayField : 'cname', valueField : 'id', triggerAction : 'all', selectOnFocus : true, forceSelection : true, allowBlank : true, editable : true, emptyText : "请选择市区1", blankText : "请选择市区", listeners : { 'select' : function(combo, record, index) { try{ combo3.clearValue(); combo3.store.load({params:{param:this.value}}); } catch(ex){ Ext.MessageBox.alert("错误","数据加载失败。"); } } } }); var combo3 = Ext.create('Ext.form.ComboBox', { fieldLabel : '地区', name : "qu", id : "quid", store : store3, queryMode : 'local', displayField : 'cname', valueField : 'id', triggerAction : 'all', selectOnFocus : true, forceSelection : true, allowBlank : true, editable