位置: 编程技术 - 正文

Extjs4.0 ComboBox如何实现三级联动

编辑:rootadmin

推荐整理分享Extjs4.0 ComboBox如何实现三级联动,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:'local'在Extjs4.0中用queryMode: 'local'来表示,而且在3.x中Load数据时用reload,但是在extjs4.0中要使用load来获取数据。如下图:

代码部分

Extjs4.0 ComboBox如何实现三级联动

先看HTML代码:

简单的很,就是加载了基本的CSS文件和JS文件,并且加载自定义的combobox.js文件。

combobox.js:

上述代码中,如果在ComboBox直接定义store数据源,会出现这样一种情况,那就是当选择完第一个省,点击第二个市的时候,会闪一下,再点击,才会出现市的数据。那么要解决这样的情况,那么必须先要定义好省、市、区的数据源。那么再点击的时候,就不会出现上述情况了。

代码中,使用store为省的数据,设置其autoLoad为true,那么页面第一次加载的时候,就会自动加载省的数据,然后给省和市添加了监听select,作用在于当点击省的时候,要清空市和区的数据,并根据当前选定的值去加载对应的数据到市的数据源中。当然store1和store2原理是一样的。

最后,服务端要根据传的值进行数据检索及返回正确数据,这里没有从数据库中查询数据,而只是简单的写了一些测试代码,相信extjs代码没有任何的问题了,那么服务端返回数据,就不是一件很重要的事情了。

City.asp:

标签: Extjs4.0 ComboBox如何实现三级联动

本文链接地址:https://www.jiuchutong.com/biancheng/368497.html 转载请保留说明!

上一篇:实例解析JS布尔对象的toString()方法和valueOf()方法(js布尔类型用法)

下一篇:JavaScript的ExtJS框架中表格的编写教程(js explode)

  • 个税一般劳务报酬所得如何申报
  • 简易计税征收率是多少
  • 外销客户付的模具费如何入账
  • 资产处置损益包含增值税吗
  • 从合伙企业分回的经营所得 合伙企业 个人所得税
  • 无发票情况说明怎么写学生
  • 出售生产线计入哪里
  • 增值税扣完税款还能更改吗
  • 应付账款扣除商业折扣
  • 建筑图纸设计费包括晒图费吗
  • 购入的工具应计入哪个科目?
  • 停车场收入怎么做账
  • 小微企业可以开9个点的专票吗
  • 会计利润和税务利润不一致
  • 公司车辆可以一年一检吗
  • 抽奖获得的奖品有权转卖吗
  • 出租柜台收取的服务费
  • 别的公司代缴社保合法
  • win10 搜狗
  • win10为什么毛病这么多
  • 公司向法人借款会计分录
  • 治理层和管理层包括哪些
  • 离职违约金赔偿标准
  • 2023年电子发票如何申领
  • 哪里有办各种真实有效的证的
  • 苹果系统中怎么删除软件
  • 长期待摊费用的概念
  • 路由器重启后电视放不出来咋办
  • php iswriteable
  • 卖机械配件平台有哪些
  • framework 开发
  • css 宽度 自适应 占满
  • 多域名指向同一ip有问题吗
  • 无需本地部署的软件
  • web前端基础是什么
  • 其他收益算营业成本吗
  • 防伪税控系统该如何操作
  • 网上购物没有发票怎么保修
  • 对公账户原路退回
  • 什么条件可以免于起诉
  • 在阿里云的云主机之间怎么通信
  • mongodb启动
  • 一般纳税人申报表电子版
  • 公司一般户需要年检吗
  • 公司收到社保局的提醒函怎么办
  • 农机免税发票能抵扣吗
  • 捐赠做公益
  • 利润表研发费用和管理费用
  • 什么是盈余公积和资本公积
  • 未开票收入怎么报税
  • 电子发票怎么会失效
  • 汽车保险费能不能不交
  • 如何管理固定资产账户
  • 应收账款管理办法
  • sql server 还原数据库后显示为备用只读
  • 查找星期几
  • sql数据库批量添加数据
  • mysql删除数据库用户
  • mysql 使用inet_aton和inet_ntoa处理ip地址数据的实例
  • 未知文件怎么删除
  • Freebsd7.0+Apache2.2+MySQL5+PHP5安装配置
  • linux命令date
  • win7双硬盘双系统
  • linux怎么查网络走向
  • extjs grid设置某列背景颜色和字体颜色的方法
  • Unity3D游戏开发标准教程吴亚峰于复兴人民邮电出版社
  • 用注册表更改用户名后无法登陆
  • python科学绘图
  • js window.open如何带参数
  • 移动端一般用什么布局
  • vue配置api
  • 微信内置浏览器怎么清除缓存
  • echarts图表
  • unity导出ios项目到iphone
  • android注入so
  • 增加税务人员怎么加?
  • 小规模纳税人进口环节的增值税税率
  • 电子税务局新户报道怎么弄
  • 国家税务系统
  • 加计扣除减免税金额怎么填
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设