教育资源为主的文档平台

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

网友关注视频

六年级英语下册上海牛津版教材讲解 U1单词
8.练习八_第一课时(特等奖)(苏教版三年级上册)_T142692
二次函数求实际问题中的最值_第一课时(特等奖)(冀教版九年级下册)_T144339
外研版英语三起5年级下册(14版)Module3 Unit1
外研版英语七年级下册module3 unit2第二课时
8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
北师大版数学 四年级下册 第三单元 第二节 小数点搬家
第五单元 民族艺术的瑰宝_16. 形形色色的民族乐器_第一课时(岭南版六年级上册)_T3751175
19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T502436
北师大版八年级物理下册 第六章 常见的光学仪器(二)探究凸透镜成像的规律
沪教版牛津小学英语(深圳用) 五年级下册 Unit 12
第4章 幂函数、指数函数和对数函数(下)_六 指数方程和对数方程_4.7 简单的指数方程_第一课时(沪教版高一下册)_T1566237
北师大版小学数学四年级下册第15课小数乘小数一
【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
第五单元 民族艺术的瑰宝_16. 形形色色的民族乐器_第一课时(岭南版六年级上册)_T1406126
冀教版小学数学二年级下册第二单元《有余数除法的简单应用》
【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,广东省
七年级英语下册 上海牛津版 Unit3
二年级下册数学第三课 搭一搭⚖⚖
沪教版牛津小学英语(深圳用) 六年级下册 Unit 7
七年级英语下册 上海牛津版 Unit9
苏科版数学七年级下册7.2《探索平行线的性质》
沪教版牛津小学英语(深圳用) 四年级下册 Unit 12
30.3 由不共线三点的坐标确定二次函数_第一课时(市一等奖)(冀教版九年级下册)_T144342
《空中课堂》二年级下册 数学第一单元第1课时
冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣.mp4
人教版历史八年级下册第一课《中华人民共和国成立》
沪教版八年级下册数学练习册21.4(1)无理方程P18
苏科版数学八年级下册9.2《中心对称和中心对称图形》
沪教版八年级下册数学练习册21.3(3)分式方程P17