教育资源为主的文档平台

当前位置: 查字典文档网> 所有文档分类> 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月月考生物试卷

网友关注

2019湖北公务员申论模拟题:环保督查“回头看”
2018年湖北省公务员面试试题(6月24日上午)-根据考生回忆整理
2019湖北公务员行测言语理解模拟题07.12
2019湖北公务员行测言语理解模拟题答案07.12
2019湖北公务员行测数量关系模拟题答案07.02
2018湖北公务员面试热点模拟题:野生动物园破规下车被伤谁之过
2019湖北公务员行测言语理解模拟题答案07.05
2018湖北公务员面试热点模拟题:图书馆变“聊天室”怎么办
2018湖北公务员面试结构化面试模拟题6.11
2018年湖北省公务员面试试题(6月23日上午)-根据考生回忆整理
2019湖北公务员行测资料分析模拟题答案06.27
2019湖北公务员行测言语理解模拟题答案06.28
2019湖北公务员申论模拟题:科研评价体系改革
2019湖北公务员行测资料分析模拟题答案07.04
2018湖北公务员面试结构化面试模拟题答案6.4
2018湖北公务员面试结构化面试模拟题答案6.6
2018湖北公务员公安类职位面试模拟题:“你”为何选择公安队伍
2018湖北公务员面试热点模拟题:如何看待网上“秀”孝心
2019湖北公务员行测言语理解模拟题07.05
2019湖北公务员申论模拟题:谈谈对“立鸿鹄志,做奋斗者”的理解
2019湖北公务员申论模拟题:“老漂族”的烦恼
2019湖北公务员行测言语理解模拟题答案07.19
2019湖北公务员行测数量关系模拟题07.02
2019湖北公务员行测资料分析模拟题答案07.25
2019湖北公务员申论模拟题:让阳光照进心底
2018年湖北省公务员面试试题(6月25日上午)-根据考生回忆整理
2018湖北公务员面试结构化面试模拟题6.6
2018湖北公务员面试结构化面试模拟题6.21
2019湖北公务员行测资料分析模拟题07.25
2018湖北公务员面试结构化面试模拟题6.5

网友关注视频

苏科版数学七年级下册7.2《探索平行线的性质》
化学九年级下册全册同步 人教版 第25集 生活中常见的盐(二)
3.2 数学二年级下册第二单元 表内除法(一)整理和复习 李菲菲
沪教版牛津小学英语(深圳用)五年级下册 Unit 1
沪教版牛津小学英语(深圳用) 五年级下册 Unit 12
冀教版小学数学二年级下册第二单元《有余数除法的简单应用》
第五单元 民族艺术的瑰宝_15. 多姿多彩的民族服饰_第二课时(市一等奖)(岭南版六年级上册)_T129830
飞翔英语—冀教版(三起)英语三年级下册Lesson 2 Cats and Dogs
【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
《小学数学二年级下册》第二单元测试题讲解
【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,辽宁省
北师大版数学四年级下册第三单元第四节街心广场
外研版英语三起5年级下册(14版)Module3 Unit1
30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
人教版历史八年级下册第一课《中华人民共和国成立》
沪教版牛津小学英语(深圳用) 六年级下册 Unit 7
七年级英语下册 上海牛津版 Unit3
【获奖】科粤版初三九年级化学下册第七章7.3浓稀的表示
化学九年级下册全册同步 人教版 第18集 常见的酸和碱(二)
苏教版二年级下册数学《认识东、南、西、北》
冀教版英语三年级下册第二课
冀教版小学数学二年级下册第二单元《余数和除数的关系》
第8课 对称剪纸_第一课时(二等奖)(沪书画版二年级上册)_T3784187
第4章 幂函数、指数函数和对数函数(下)_六 指数方程和对数方程_4.7 简单的指数方程_第一课时(沪教版高一下册)_T1566237
人教版二年级下册数学
3月2日小学二年级数学下册(数一数)
沪教版牛津小学英语(深圳用) 五年级下册 Unit 10
《空中课堂》二年级下册 数学第一单元第1课时