教育资源为主的文档平台

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

网友关注

浅析音乐师范教育改革 —— 以云南师大音乐专业为例_149989
浅析音乐在艺术体操动作节奏中的作用_149955
浅析音乐欣赏课的教学_149811
探析美术欣赏对美术教育的作用
改革创新——提高党的建设科学化
高中英语新课程语法教学策略浅探
薪酬管理分析
病例研究教学模式在中职基础医学教学中发挥的重要作用.doc
在音乐感受和欣赏中提高学生的审美能力
走进英语电影,感知语言的文化魅力——浅谈高中英文原版电影赏析课的开发与教学
教育理论论文-浅谈体育教学中的情绪效益
潍坊美食旅游开发研究
高职英语语法课堂存在的问题及优化策略
国有企业薪酬管理的浅析与对策
高师学生音乐审美能力的培养_150386
论英文电影对大学生人文主义教育的辅助功能
浅析中国通俗音乐商品化的两面性_150815
快乐体育教学模式的解构与重建——以游戏理论为视角
如何培养高中生自主探究英语语法的能力
网络对高校学生马克思主义大众化影响研究
浅谈南宁市酒店业的薪酬管理
中国与新加坡高校德育方法的比较及启示
国有企业薪酬管理现状研究
【doc】浅谈环境监测实验室的环境污染与防治
目标定向理论在体育教育专业篮球专修课教学中的应用研究
浅议戏曲剧种音乐的艺术个性
对中小企业薪酬管理有关问题的探讨
教育理论论文-浅谈新课标下的体育教学改革
谈谈中学美术教学法
我国中小企业薪酬管理的问题及对策分析

网友关注视频

19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T3763925
北师大版小学数学四年级下册第15课小数乘小数一
8 随形想象_第一课时(二等奖)(沪教版二年级上册)_T3786594
【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
冀教版小学数学二年级下册第二单元《余数和除数的关系》
外研版八年级英语下学期 Module3
19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T502436
七年级下册外研版英语M8U2reading
冀教版小学数学二年级下册第二单元《有余数除法的整理与复习》
【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,辽宁省
沪教版牛津小学英语(深圳用) 五年级下册 Unit 7
飞翔英语—冀教版(三起)英语三年级下册Lesson 2 Cats and Dogs
二次函数求实际问题中的最值_第一课时(特等奖)(冀教版九年级下册)_T144339
精品·同步课程 历史 八年级 上册 第15集 近代科学技术与思想文化
外研版英语三起5年级下册(14版)Module3 Unit2
【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,辽宁省
化学九年级下册全册同步 人教版 第18集 常见的酸和碱(二)
北师大版数学四年级下册第三单元第四节街心广场
【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
第12章 圆锥曲线_12.7 抛物线的标准方程_第一课时(特等奖)(沪教版高二下册)_T274713
七年级英语下册 上海牛津版 Unit3
【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,江苏省
外研版英语三起6年级下册(14版)Module3 Unit2
3.2 数学二年级下册第二单元 表内除法(一)整理和复习 李菲菲
第8课 对称剪纸_第一课时(二等奖)(沪书画版二年级上册)_T3784187
苏科版数学八年级下册9.2《中心对称和中心对称图形》
冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣.mp4
化学九年级下册全册同步 人教版 第25集 生活中常见的盐(二)
苏科版数学 八年级下册 第八章第二节 可能性的大小