VS2010 MVC+EXTJS4 combo下拉框省、市、区三级联动例子

最新推荐文章于 2022-11-23 16:43:52 发布

长江

最新推荐文章于 2022-11-23 16:43:52 发布

阅读量7.1k

点赞数

分类专栏： VS2010.net MVC+EXTJS4 文章标签： extjs mvc 2010 autoload string function

本文链接：https://blog.csdn.net/lonestar555/article/details/6985036

版权

这篇博客展示了如何使用VS2010 MVC和EXTJS4实现省、市、区三级联动的下拉框功能。在选择省份后自动加载城市数据，接着选择城市加载区数据。然而，存在一个小问题：当第二次选择省份时，加载城市数据会出现错误。示例中包含了JS控制器和Model的代码，并提供了操作效果的截图。

摘要由CSDN通过智能技术生成

注意传的参数名要与后台一致

开始自动读省数据，选择省读市数据，选择市读区数据。

有点小BUG：第二次选省时，读市有问题。。。

JS:

 Ext.require('Ext.*');
        Ext.onReady(function () {
            //定义ComboBox模型
            Ext.define('State', {
                extend: 'Ext.data.Model',
                fields: [
		  { type: 'int', name: 'id' },
		  { type: 'string', name: 'cname' }
	  ]
            });
           // debugger
            //加载省数据源
            var store = Ext.create('Ext.data.Store', {
                model: 'State',
                proxy: {
                    type: 'ajax',
                    url: 'GetTest2Data?strAct=sheng' 
                },
                autoLoad: true,
                remoteSort: true
            });
            //加载市数据源
            var store1 = Ext.create('Ext.data.Store', {
                model: 'State',
                proxy: {
                    type: 'ajax', 
                    url: 'GetTest2Data?strAct=shi'  
                },
                autoLoad: false,
                remoteSort: true
            });
            //加载区数据源
            var store2 = Ext.create('Ext.data.Store', {
                model: 'State',
                proxy: {
                    type: 'ajax', 
                    url: 'GetTest2Data?strAct=qu' 
                },
                autoLoad: false,
                remoteSort: true
            }); 
            Ext.create("Ext.panel.Panel", {