EasyUI Combobox 二级联动
2016-03-04 17:46
549 查看
总结了一下EASYUI combobox组件二级联动的具体方法
01 | $( function (){ |
02 | var provinceId = $( '#provinceId' ).combobox({ |
03 | url: '${pageContext.request.contextPath}/region/province/json.htm' , |
04 | editable: false , |
05 | valueField: 'id' , |
06 | textField: 'name' , |
07 | onSelect: function (record){ |
08 | //刷新数据,重新读取省份下的城市,并清空当前输入的值 |
09 | cityId.combobox({ |
10 | disabled: false , |
11 | url: '${pageContext.request.contextPath}/region/city/' +record.id+ '/json.htm' , |
12 | valueField: 'id' , |
13 | textField: 'name' |
14 | }).combobox( 'clear' ); |
15 | } |
16 | }); |
17 | var cityId = $( '#cityId' ).combobox({ |
18 | disabled: true , |
19 | url: '${pageContext.request.contextPath}/region/city/' +provinceId.val()+ '/json.htm' , |
20 | valueField: 'id' , |
21 | textField: 'name' |
22 | }); |
23 | }); |
相关文章推荐
- easyui------显示隐藏列功能
- html5 web数据存储
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- 如何优雅处理前端异常?
- 如何使用jquery easyui创建标签组件
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- jQuery实现本地预览上传图片功能
- jquery实现触发时更新下拉列表内容的方法
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- 轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
- 基于jQuery实现网页打印功能
- 深入探讨前端框架react
- Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
- 在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法