extjs 的二级联动.docVIP

extjs 的二级联动 今天花了好久时间终于把困惑我几天的extjs二级联动问题给解决了，下面给大家分享下。 html代码如下 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadtitleextjs的二级联动/titlelink rel=stylesheet type=text/css href=../resources/css/ext-all.css /link rel=stylesheet type=text/css href=example.css /script type=text/javascript src=../bootstrap.js/script script type=text/javascript src=test6.js/script /headbody/body/htmljs代码如下 名字为test6.js Ext.require([ Ext.form.field.ComboBox, Ext.form.FieldSet, Ext.tip.QuickTipManager, Ext.data.*]); Ext.onReady(function() { Ext.tip.QuickTipManager.init(); // Define the model for a State Ext.define(State, { extend: Ext.data.Model, fields: [ {type: int, name: id}, {type: string, name: cname},  ] }); var data = [[1,北京],[2,上海]]; var cities = new Array(); cities[1] = [[11,海淀],[22,东城]]; cities[2] = [[33,黄埔],[44,浦东],[55,静安]]; var store1=new Ext.data.SimpleStore({ fields: [id, cname], data : data, }); var store2=new Ext.data.SimpleStore({ fields: [id, cname], data:[] }); var simpleCombo = new Ext.form.ComboBox({ fieldLabel: 选择省份, blankText:选择地区, emptyText:选择地区, renderTo: Ext.getBody(), width: 220, name:simpleCombo, id:simpleCombo, labelWidth: 130, store: store1, queryMode: local, displayField: cname, valueField:id, applyTo:simpleCombo, listConfig: { getInnerTpl: function() { return div data-qtip={cname}{cname} ({id})/div; } }, listeners:{ select:function(combo, record,index){  simpleCombo1.clearValue(); simpleCombo1.store.loadData(cities[this.value]); } },  }); var simpleCombo1 = new Ext.form.ComboBox({ fieldLabel: 选择城市, renderTo: Ext.getBody(), width: 220,