求教Ext 省市县的联动代码或例子，急!!!!

[dragonsky_w]

求教Ext 省市县的联动代码或例子，急!!!!

最近在做一个项目，里面有用到用户的注册，用户注册中要用到 省、市、县 的联动，

急救！！！！！！

[suland]

我倒是有一个非常完整的省市县/区级联下拉菜单例子，但不是Ext的，是用jQuery写的。

[zoujp_xyz]

可以用三个combo
默认省是加载所有的。
当选择了省就可以传该省id过去load市
区也一样

[suland]

[Quote=引用 2 楼 zoujp_xyz 的回复:]
可以用三个combo
默认省是加载所有的。
当选择了省就可以传该省id过去load市
区也一样
[/Quote]
嗯，做法和我的一样。

[hoojo]

联动就是根据第一个的值，去查询第二个的结果。然后根据第一个和第二个的值去查询第三个的结果。基本思路都这样

[dragonsky_w]

我清楚的知道原理，可是我就是写不出来，只写出了一个省市二级联动的效果，可是，当要加入县/地区的联动时，就出现了错误……

[KK3K2005]

ComBox.Store.Load(url)
设置里面的URL就可以刷新数据了
也就是 第一个COMBOX的选择事件后 调用后面一个ComBox.Store.Load(url) 里面的URL根据选择的值变化下
MVC的代码还是很简洁的

[zoujp_xyz]

{
    layout: "form",
    items: {
        xtype: "combo",
        fieldLabel: "所在省",
        width: 130,
        store: new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({
                url: ""
            }),
            reader: new Ext.data.JsonReader({
                id: "Key",
                root: "data"
            },
            [{
                name: "Key"
            },
            {
                name: "Value"
            }]),
            baseParams: {
                action: "GetProvinces"
            },
            autoLoad: true
        }),
        mode: "local",
        valueField: "Key",
        triggerAction: "all",
        readOnly: true,
        displayField: "Value",
        hiddenName: "ProvinceId",
        name: "ProvinceId",
        listeners: {
            select: function(combo, record, index) {
                win.dealStoreWin.get(0).form.findField("CityId").clearValue();
                win.dealStoreWin.get(0).form.findField("CityId").getStore().load({
                    params: {
                        args: record.id
                    }
                });
            }
        }
    },
    columnWidth: .5
}]
},
{
    layout: "column",
    items: [{
        layout: "form",
        items: {
            xtype: "combo",
            fieldLabel: "所在市",
            width: 130,
            store: new Ext.data.Store({
                proxy: new Ext.data.HttpProxy({
                    url: ""
                }),
                reader: new Ext.data.JsonReader({
                    id: "Key",
                    root: "data"
                },
                [{
                    name: "Key"
                },
                {
                    name: "Value"
                }]),
                baseParams: {
                    action: "GetCitiesByProvince"
                }
            }),
            mode: "local",
            valueField: "Key",
            triggerAction: "all",
            readOnly: true,
            displayField: "Value",
            hiddenName: "CityId",
            name: "CityId",
            listeners: {
                select: function(combo, record, index) {
                    win.dealStoreWin.get(0).form.findField("CountyId").clearValue();
                    win.dealStoreWin.get(0).form.findField("CountyId").getStore().load({
                        params: {
                            args: record.id
                        }
                    });
                }
            }
        },
        columnWidth: .5
    },
    {
        layout: "form",
        items: {
            xtype: "combo",
            fieldLabel: "所在区",
            width: 130,
            store: new Ext.data.Store({
                proxy: new Ext.data.HttpProxy({
                    url: ""
                }),
                reader: new Ext.data.JsonReader({
                    id: "Key",
                    root: "data"
                },
                [{
                    name: "Key"
                },
                {
                    name: "Value"
                }]),
                baseParams: {
                    action: "GetCountyByCity"
                }
            }),
            mode: "local",
            valueField: "Key",
            triggerAction: "all",
            readOnly: true,
            displayField: "Value",
            hiddenName: "CountyId",
            name: "CountyId"
        },
        columnWidth: .5
    }]
}

[bonnibell]

ext 的combo 真的很强啊，随你怎么搞了

[dragonsky_w]

谢谢了 ，我的问题现在已经解决了，非常感谢！

[flash8627]

郁闷，重写了，还是有哪个BUG

如果先点了city
省就不能正常显示了

Ext.onReady(function(){
    var provinceCombo = new Ext.form.ComboBox({
        fieldLabel: "所在省",
        renderTo : "slideIn",
        width: 230,
        mode: "remote",
        valueField: "id",
        triggerAction: "all",
        displayField: "name",
        hiddenName: "province",
        name: "province",
        pageSize : 34,
        store: new Ext.data.Store({
            start : 0,
            limit : 34,
            totalProperty : "totalProperty",
            proxy: new Ext.data.HttpProxy({
                url: "areaComplate.action"
            }),
            reader: new Ext.data.JsonReader({
                id: "name",
                root: "items"
            },
            [ "id", "provinceID", "name" ])
        }),

        listeners: {
            select: function(combo, record, index) {
                cityCombo.clearValue();
				cityCombo.getStore().removeAll();
				areaCombo.clearValue();
                areaCombo.getStore().removeAll();
                cityCombo.getStore().load({
                    params: {
                        fatherID : record.get("name")
                    }
                });
            }
        }

    });

	var cityCombo = new Ext.form.ComboBox({
        fieldLabel: "所在市",
        renderTo : "slideIn",
        width: 230,
        mode: "remote",
        valueField: "cityID",
        triggerAction: "all",
        displayField: "name",
        hiddenName: "city",
        name: "city",
        pageSize : 34,
        store: new Ext.data.Store({
            start : 0,
            limit : 34,
            totalProperty : "totalProperty",
            proxy: new Ext.data.HttpProxy({
                url: "getCity.action"
            }),
            reader: new Ext.data.JsonReader(
                {
                    id: "name",
                    root: "items"
                },
                [ "id", "name", "cityID", "fatherID" ]
            )
        }),

        listeners: {
            select: function(combo, record, index) {
                areaCombo.clearValue();
                areaCombo.getStore().removeAll();
                areaCombo.getStore().load({
                    params: {
                        fatherID : record.get("name")
                    }
                });
            }
        }

    });

	var areaCombo = new Ext.form.ComboBox({
        fieldLabel: "所在区",
        renderTo : "areaIn",
        width: 230,
        mode: "remote",
        valueField: "id",
        triggerAction: "all",
        displayField: "name",
        hiddenName: "area",
        name: "area",
        pageSize : 34,
        store: new Ext.data.Store({
            start : 0,
            limit : 34,
            totalProperty : "totalProperty",
            proxy: new Ext.data.HttpProxy({
                url: "getAred.action"
            }),
            reader: new Ext.data.JsonReader({
		            id: "name",
	                root: "items"
				},[ "id", "name", "areaID", "fatherID" 
				]
            )
        })

    });
	
})

[自然框架]

这里有封装好的控件，n级联动无刷新，有源码。有省市区县的数据库
http://topic.csdn.net/u/20110225/16/1aae774d-e92e-4d1f-9065-61b712063c28.html?44405

[no1_yszz]

人家说的是Ext的三级联动好不好 你说的是什么呀 哥们