教育资源为主的文档平台

当前位置: 查字典文档网> 所有文档分类> IT计算机> CSS/Script> EXTJS二级下拉联动(省市联动)案例

EXTJS二级下拉联动(省市联动)案例

上传者:艾未华
|
上传时间:2015-04-29
|
次下载

EXTJS二级下拉联动(省市联动)案例



这里要实现的级联是另一个思路:一开始装载所有的数据,然后通过过滤数据,实现数据的
级联更新。举例如下:
我们需要客户选择所在省和所在市,通过下拉列表,先选择省,然后所在市的下拉列表中过
滤出该省下的所有市,提供给用户选择。
数据库设计:建立代码、省市对应表,如:37-山东、3701-济南、3702-青岛、3703-淄
博、…
在所在省下拉列表的store 中,获取代码为两位长度的省市数据,这样将获取到所有的省名
称列表
另外建立一个 Store,检索代码长度超过两位长度的省市数据,这样将获取所有的市名称列

Js 代码 复制代码

var provinceStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'loadCity.do?method=getProvince' //获取所有的省列表的Ajax请求
}),
reader: new Ext.data.JsonReader({
root: 'list',
id: 'id'
}, [
{name: 'code', mapping: 'code'},
{name: 'name', mapping: 'name'}
])
});
var cityStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'loadCity.do?method=getCity' //获取所有的市列表的Ajax 请求
}),
reader: new Ext.data.JsonReader({
root: 'list',
id: 'id'
}, [
{name: 'code', mapping: 'code'},
{name: 'name', mapping: 'name'}
])
});

{
fieldLabel: '所在省',
xtype:'combo',
store: provinceStore,
valueField :"name",
displayField: "name",
mode: 'remote',

版权声明:此文档由查字典文档网用户提供,如用于商业用途请与作者联系,查字典文档网保持最终解释权!

下载文档

热门试卷

2016年四川省内江市中考化学试卷
广西钦州市高新区2017届高三11月月考政治试卷
浙江省湖州市2016-2017学年高一上学期期中考试政治试卷
浙江省湖州市2016-2017学年高二上学期期中考试政治试卷
辽宁省铁岭市协作体2017届高三上学期第三次联考政治试卷
广西钦州市钦州港区2016-2017学年高二11月月考政治试卷
广西钦州市钦州港区2017届高三11月月考政治试卷
广西钦州市钦州港区2016-2017学年高一11月月考政治试卷
广西钦州市高新区2016-2017学年高二11月月考政治试卷
广西钦州市高新区2016-2017学年高一11月月考政治试卷
山东省滨州市三校2017届第一学期阶段测试初三英语试题
四川省成都七中2017届高三一诊模拟考试文科综合试卷
2017届普通高等学校招生全国统一考试模拟试题(附答案)
重庆市永川中学高2017级上期12月月考语文试题
江西宜春三中2017届高三第一学期第二次月考文科综合试题
内蒙古赤峰二中2017届高三上学期第三次月考英语试题
2017年六年级(上)数学期末考试卷
2017人教版小学英语三年级上期末笔试题
江苏省常州西藏民族中学2016-2017学年九年级思想品德第一学期第二次阶段测试试卷
重庆市九龙坡区七校2016-2017学年上期八年级素质测查(二)语文学科试题卷
江苏省无锡市钱桥中学2016年12月八年级语文阶段性测试卷
江苏省无锡市钱桥中学2016-2017学年七年级英语12月阶段检测试卷
山东省邹城市第八中学2016-2017学年八年级12月物理第4章试题(无答案)
【人教版】河北省2015-2016学年度九年级上期末语文试题卷(附答案)
四川省简阳市阳安中学2016年12月高二月考英语试卷
四川省成都龙泉中学高三上学期2016年12月月考试题文科综合能力测试
安徽省滁州中学2016—2017学年度第一学期12月月考​高三英语试卷
山东省武城县第二中学2016.12高一年级上学期第二次月考历史试题(必修一第四、五单元)
福建省四地六校联考2016-2017学年上学期第三次月考高三化学试卷
甘肃省武威第二十三中学2016—2017学年度八年级第一学期12月月考生物试卷

网友关注

国家公务员考试诗句类型题目解题技巧
十四个很准的心理暗示
黑龙江省2016届高三上学期期中考试语文试题
2016年昆明高新区幼儿教师招聘教育学金典题型一
行政管理毕业论文题目参考
2014年湖南省普通高中学业水平考试试卷
北京市朝阳区2016届高三上学期期中考试语文试卷
经济管理毕业论文范文
布袋风管产业在节能环保中的巨大前景
公考复习经验及答题方法蓝皮书:高分必备复习思维总结
论高校教育管理执行力缺失的成因及对策
采用BC型水泥路面修补料的必要性
《搭石》教学设计
《故宫博物院》教学设计
探究新时期公路管理单位人力资源激励机制
2015国检之后论水泥路面修补工作的重要性
四川省绵阳南山中学实验学校高三2016届一诊模拟试题
江苏省扬州市2013-2014学年高一下学期期末调研测试
2015年9月国内外时事政治
2015届浙江省重点中学协作体高考摸底测试
2015年高考语文试卷(新课标II卷)
乐嘉《性格色彩学》测试题
电力工程施工工程中的项目成本管理分析
《济南的冬天》教学设计 
交通银行校园招聘面试公告
简析新医改下医院人力资源配置的优化措施
2013年北师大版小学升初中数学模拟考试试卷
2014年小升初英语强化试题及答案(含解析)
各地2015年公务员考试职位表
2016年昆明高新区幼儿教师招聘教育学金典题型二

网友关注视频

苏科版数学八年级下册9.2《中心对称和中心对称图形》
19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T3763925
七年级英语下册 上海牛津版 Unit9
苏科版数学 八年级下册 第八章第二节 可能性的大小
沪教版牛津小学英语(深圳用) 五年级下册 Unit 12
【获奖】科粤版初三九年级化学下册第七章7.3浓稀的表示
小学英语单词
沪教版八年级下册数学练习册21.4(1)无理方程P18
外研版英语七年级下册module1unit3名词性物主代词讲解
沪教版牛津小学英语(深圳用) 四年级下册 Unit 4
第4章 幂函数、指数函数和对数函数(下)_六 指数方程和对数方程_4.7 简单的指数方程_第一课时(沪教版高一下册)_T1566237
七年级英语下册 上海牛津版 Unit3
沪教版牛津小学英语(深圳用) 四年级下册 Unit 3
沪教版八年级下次数学练习册21.4(2)无理方程P19
二年级下册数学第三课 搭一搭⚖⚖
沪教版八年级下册数学练习册21.3(3)分式方程P17
3月2日小学二年级数学下册(数一数)
化学九年级下册全册同步 人教版 第18集 常见的酸和碱(二)
精品·同步课程 历史 八年级 上册 第15集 近代科学技术与思想文化
沪教版牛津小学英语(深圳用) 四年级下册 Unit 2
二年级下册数学第二课
外研版英语三起6年级下册(14版)Module3 Unit1
【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
外研版英语三起6年级下册(14版)Module3 Unit2
冀教版小学数学二年级下册第二单元《有余数除法的整理与复习》
8 随形想象_第一课时(二等奖)(沪教版二年级上册)_T3786594
【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
外研版八年级英语下学期 Module3
8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
冀教版小学数学二年级下册第二单元《租船问题》