首页 > Web开发 > 详细

ExtJs 省市级联选择代码

时间:2014-02-18 09:09:36      阅读:495      评论:0      收藏:0      [点我收藏+]


extjs 省市级联代码,掌握了,其实省市县等多级联动是一样的


        {
            xtype: "combo",
            id: ‘prov‘,
            name: ‘prov‘,
            fieldLabel: ‘省份‘,
            width: 280,
            store: provincestore,
            mode: ‘local‘,
            queryMode: ‘local‘,
            editable: false,
            displayField: ‘province‘,
            valueField: ‘province‘,
            allowBlank: true,
            enabled: true,
            value: ‘‘,
            listeners: {
                change: function (mecombo) {         // 监听省份的选择,变化时去修改市的combo的store
                    citystore.load({
                        params: {
                            subId: mecombo.getValue()
                        }
                    });
                    Ext.getCmp(‘city‘).setValue(‘‘);
                }
            },
            selectOnFocus: true
        },{
            xtype: "combo",
            id: ‘city‘,
            name: ‘city‘,
            fieldLabel: ‘城市‘,
            width: 280,
            store: citystore,
            mode: ‘local‘,
            queryMode: ‘local‘,
            editable: false,
            displayField: ‘city‘,
            valueField: ‘city‘,
            allowBlank: true,
            enabled: true,
            value: ‘‘,
            listeners: {
                change: function (mecombo) {              // 监听市的选择变化,变化时去修改邮政编码栏的值
                    var record = citystore.getAt(citystore.find(‘city‘, mecombo.getValue()));
                    if (record) {
                        Ext.getCmp(‘Postcode‘).setValue(record.raw.zipcode);
                    }
                }
            }, { 
            id: ‘Postcode‘, 
            name: ‘Postcode‘, 
            xtype: ‘textfield‘, 
            labelWidth: 90, 
            fieldLabel: ‘邮政编码‘, 
            width: 210 
            }


bubuko.com,布布扣




ExtJs 省市级联选择代码

原文:http://blog.csdn.net/olinbsoft/article/details/19343377

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!