Ext教程-一起Ext

用Ext combobox 做了个二级联动例子

演示地址：http://www.17ext.com/demo/ddls/

效果图如下：

代码：

Ext.onReady(function(){
            var Type1Store = new Ext.data.JsonStore({
                fields: [\'name\',\'id\'],
                url: \'LoadData.aspx\',
                baseParams: {mode: \'type1\'},
                autoLoad: true
            });
           
            var Type1 = new Ext.form.ComboBox({
                allowBlank: false,
                hiddenName: \'Type1\',
                triggerAction: \'all\',
                mode: \'local\',
                width: 130,
                displayField: \'name\',
                valueField: \'id\',
                store: Type1Store,
                emptyText: \'选择大类\',
                renderTo: \'type1\',
                editable: false
            });
           
            var Type2Store = new Ext.data.JsonStore({
                fields: [\'name\',\'id\'],
                url: \'LoadData.aspx\'
            });
           
            Type1.on(\'select\',function(combo,record,index){
                Type2Store.load({params:{mode: \'type2\',type1: record.data.id}});
            });           
           
            var Type2 = new Ext.form.ComboBox({
                allowBlank: false,
                hiddenName: \'Type2\',
                triggerAction: \'all\',
                mode: \'local\',
                width: 130,
                displayField: \'name\',
                valueField: \'id\',
                store: Type2Store,
                emptyText: \'选择小类\',
                renderTo: \'type2\',
                editable: false
            });