位置: 编程技术 - 正文

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)

  • 土地出让金印花税计税依据
  • 资源税的税目有几个
  • 发票专票抵扣
  • 没有增值税专用发票开具证明
  • 业务招待费可以进成本吗
  • 赔偿费计入费用减应收账款怎么做账
  • 以现金形式收到包装物押金
  • 销售土地如何交增值税
  • 长期股权投资减值准备可以转回吗
  • 事业单位个税可以抵扣吗
  • 将自产产品用于投资
  • 递延所得税当期所得税费用
  • 购入技术服务怎么结转成本的
  • 外商投资企业清算审计报告
  • 将自制的一批新产品用于对外投资,生产成本为300000
  • 法律关系三要素表
  • 金税三期退税
  • 公益性捐赠公告
  • 文化事业建设税计算方法
  • 发票密码区出格了怎么调整
  • 金蝶旗舰版反过账的操作步骤
  • 一般纳税人转让固定资产增值税税率
  • 使用本地账户登录什么意思
  • 穿越火线真人版宣传片
  • 未形成固定资产的项目卖出怎么入账
  • PHP:mb_ereg_search_setpos()的用法_mbstring函数
  • 招待费报账怎么查
  • 企业购进商品取得的现金折扣
  • 提前支付的费用记账
  • 关键点检测backbone
  • 应扣未扣应收未收税款是什么意思
  • 高翔ORB-SLAM2稠密建图编译(添加实时彩色点云地图+保存点云地图)
  • php图片拼接
  • 营业外收入合理避税
  • transformer中的参数
  • jquery箭头函数
  • 处置固定资产涉税
  • 金税盘全额抵扣政策
  • 为什么股本溢价
  • 代销手续费怎么开票
  • 外购货物用于在建工程分录
  • 如何用wordpress
  • 非正常损失的增值税进项税额转出
  • 全国通用机打销售票真伪
  • 展会补贴需要准备什么资料
  • 应纳税所得额的各项扣除包括什么
  • 如何进行工程项目的经济评价
  • 营业收入计入销售收入吗
  • mysql 指定my.cnf
  • 垃圾处理费申报怎么填
  • 应收账款余额要包含应收票据吗
  • 盘亏盘盈的会计处理
  • 运输途中丢失的物品赔偿
  • 以前年度损益调整账务处理分录
  • 费用化资本化对税收的影响
  • 小规模公司房租发票税率是多少
  • 事业单位私车公用如何处罚
  • Win7、WinXP下MySql安装出错完全卸载的方法步骤
  • node使用mysql
  • windows vista电脑
  • ubuntu14打开终端
  • linux防火墙放行
  • 打开本地搜索
  • Linux怎么在家目录创建目录
  • 近期win7蓝屏
  • 向量上面有个倒着的v
  • 使用netcat(瑞士军刀)进行文件传输
  • nodejs yield
  • shell线程操作命令
  • cmd for /f
  • linux 进程监控
  • 使用Raygun对Node.js应用进行错误处理的方法
  • nodejs使用es6
  • sed cant read
  • particular粒子怎么用
  • nodejs实战教程
  • javascript开发基础
  • 超精准的电压基准芯片
  • 如何在电子税务局申报社保
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设