位置: 编程技术 - 正文

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)

  • 销售财务软件的公司怎么做账
  • 海关缴款通知书在哪里查询
  • 子公司注销母公司投资损失企业所得税
  • 自产和外购的视频区别
  • 实际成本法和计划成本法的会计分录
  • 往法人账户转备用金
  • 代理记账公司收费项目
  • 所得税退税未办理可以注销吗?
  • 企业的耕地占用税怎么算
  • 公司购买电脑费用怎么报销
  • 一般户可以结算货款吗
  • 个人独资企业需要公司章程吗
  • 西安的税务局
  • 促销服务费能抵增值税吗
  • 财税2010121号文件解读
  • 少数股东损益借方增加还是贷方增加
  • 资产负债表日后事项是什么意思?
  • 用企业资本金购物违法吗
  • 应付票据发生与偿还怎么计算?
  • 回迁安置房拆一次多少钱
  • 事业单位 会计
  • 劳务费发票已开款未收回如何做帐?
  • macos15关闭sip
  • 知识产权 申请
  • 苹果手机升级微信版本
  • 发放工资不计提可以吗
  • 什么是跨区域涉税业务
  • gdb调试工具的使用
  • 代理公司变更地址多少钱
  • 企业若需要给客户交税
  • 资产收购的账务处理
  • 前端打包发布
  • 君子兰的养殖方法
  • php实现创建微信群聊
  • 跨年庆典中燃放的歌曲
  • 递延收益与递延所得税资产的区别
  • vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
  • 炫酷登录注册教程
  • 民营企业的工业项目建设-经营-转让是什么模式
  • 公司更衣柜费用怎么算
  • 叮咚你有一份好运请查收图片
  • 自动驾驶数据集 mev
  • ps中文字复制粘贴
  • 代发工资范围
  • 暂估入库的金额与发票金额不一样
  • 帝国cms标题生成图片
  • 国内旅客运输服务
  • 月中入职算一个月吗
  • 四联发票都需要盖章吗
  • SQL2005 provider: 命名管道提供程序 error: 40 无法打开到 SQL Server 的连接
  • 增值税进项税销项税月末需要结转吗
  • 年底计提坏账收回一部分怎么处理
  • 加计抵减和加计扣除是一个意思吗
  • 收到股东投资款需要交印花税吗
  • 应收账款属于会计分录
  • 积分兑换商品怎么查快递
  • 实收资本什么时候交齐
  • 风险纳税人认定条件2020
  • 构建固定资产的借款利息资本化文件依据
  • 会计损益类科目有哪些,期末如何结转?
  • mac上mysql安装
  • MySQL MEM_ROOT详解及实例代码
  • windows安装mysql8.0
  • 怎么用u盘安装xp系统教程
  • 安装win8一直卡在转圈圈
  • windows 9x
  • linux系统要求配置
  • macbook的dock栏
  • Windows7 64位系统如何添加打印机图文教程
  • Win10 Mobile 10586.63截图曝光:或为正式推送版本
  • win8.1怎么样
  • qt rgb颜色
  • python ip地址转换
  • Unity3D Vuforia Android 相机调焦
  • js动态生成函数
  • jquery如何解决跨域问题
  • 珠宝消费税怎么征收
  • 国家税务总局2016年17号公告
  • 求资金占用利息的公式
  • 南通医保2023年新政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设