位置: 编程技术 - 正文

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)

  • 所得税税前扣除项目及扣除标准
  • 会计上已资本化处理的工资企业所得税前应如何扣除?
  • 所得税季报利润总额
  • 发票普票一个月能开多少
  • 租入厂房改建折旧年限
  • 企业购买的商业保险赔偿多少
  • 破坏公司财产员工怎么处理
  • 高原补贴算工资吗
  • 一般纳税人每个月需要报哪些税
  • 一般纳税人怎么交税
  • 快递公司需要交税吗
  • 减免税费期末如何结转
  • 建筑劳务增值税
  • 消费税有哪几种纳税方式
  • 建筑业跨区预缴增值税未预缴
  • 小规模纳税人0税率
  • 增值税减免税备案什么时候开始
  • win10桌面网络图标怎么调出来
  • win11安卓子系统在哪打开
  • eclipse 4.19
  • 商场充值卡发票在哪开
  • Win10怎么显示文件类型
  • vue项目如何配置启动的端口
  • 个体户生产经营所得减免政策
  • php soap wsdl
  • vue使用scss报错
  • waffe
  • 网页视频不显示画面
  • 汽车4s店一般会摆放什么小零食
  • 小规模纳税人季度不超30万免增值税
  • 深度学习论文精读[6]:UNet++
  • vue3.0 vite
  • 投资性房地产按公允价值计量
  • 发票入账怎么做分录
  • 注册资本实缴后可以减资吗
  • 存货的会计核算及业务处理
  • 报关单份数
  • 无票收入怎么做
  • 申报缴纳上月税费的会计分录
  • 企业收入确认的文章
  • 法定盈余公积的作用
  • 劳动合同骑缝章第一页没盖上
  • 淘宝开店的钱怎么取出来
  • 小微企业免征增值税优惠政策
  • 疫情期间减免的养老保险算工龄吗
  • 咨询服务业优惠政策
  • 税前扣除凭证按照用途分为哪些
  • 银行电子承兑到期后怎么操作
  • 发表文章开什么发票
  • 建筑施工中的合格是指
  • 广告公司转让一般多少钱
  • 农产品如何进入批发市场
  • 注册资本实缴制改为认缴制
  • 税控盘清卡时间
  • 收到红字发票如何处理
  • 金蝶如何删除结转损益的凭证
  • 会计学主要是学什么
  • 在docker中使用service命令
  • sql面试题50题
  • 如何在windows中对硬盘进行分区
  • 联想昭阳k41笔记本
  • win10任务栏恢复原样
  • 使用微软
  • Ubuntu Eclipse MyEclipse 添加GBK支持 不乱码
  • unix2dos命令
  • win10怎么关闭讲述人模式
  • unity3D游戏开发
  • javascript常用类型
  • linux中date命令详解
  • shell 循环 for
  • 深入python3
  • Metaio in Unity3d 教学--- 二. 创建自己的Application
  • JavaScript的removeChild()函数用法详解
  • 村财审计报告怎么写
  • 建设工程需要缴纳哪些税
  • 哈尔滨自贸区全称
  • 纳税信用等级在哪里查
  • 重庆网上社保怎么交
  • 云南新农合怎么报销的
  • 国地税合并6月15日挂牌
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设