博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyUI的combobox实现级联
阅读量:5370 次
发布时间:2019-06-15

本文共 1054 字,大约阅读时间需要 3 分钟。

先简介下combobox:

easyUI重写了select,取而代之的是combobox,有例如以下几种方式能够创建一个combobox

1、使用select标签,并加上class="easyui-combobox",这样的方式比較适用于静态的选项

2、使用input标签,并加上class="easyui-combobox",后面跟上data-options,能够用local或是remote方式载入数据

3、使用js方式,和2基本同样,仅仅是把combobox一些属性的设置分离到了js中

以下是级联的思路:

combobox实现级联基本上和select类似,比方省份和城市的级联

当省份选完这个事件发生之后,城市的选择框里就会刷新数据,得到当前省份下的全部城市

那么关键点就是——》接收事件——》刷新第二级的选择框

combobox有提供onSelect这个事件点,且传入一个选中的记录rec,比方说我们能够取rec的主键rec.id(比方是浙江,id是29),那么我们能够拿到这个29去后台查询浙江省下的城市Json数据,这串Json就是须要放到城市combobox中的数据

那么開始动手吧:

    省份:    	$('[comboname=city]').combobox('reload', 'test/getCityListByProvince?id=' + $(this).combobox('getValue'));    			}     	}    	">            城市:        

使用中可能碰到的问题:

1、为combobox指定name后,经过easyUI自己解析后,生成的combobox(也就是select)没有name这个属性,取而代之的是comboname,由于name要作为input的name。所以要依据name得到combobox要使用comboname

2、$('[comboname=city]').combobox('clear'); 这一步也是必要的,不然combobox中之前选中的值将无法清除,比方之前选的是浙江--杭州(id为1),若此时更改省份变为江苏,那么若不加clear,此时城市则变成当前省份id为1的城市,也就是南京(id为1)。要是此id在相应省份无记录,那么就仅仅会显示一个id,那么显然不是我们想看到的。

转载于:https://www.cnblogs.com/mengfanrong/p/4196400.html

你可能感兴趣的文章
在Silverlight中使用HierarchicalDataTemplate为TreeView实现递归树状结构
查看>>
无线通信基础(一):无线网络演进
查看>>
关于python中带下划线的变量和函数 的意义
查看>>
linux清空日志文件内容 (转)
查看>>
MySQL-EXPLAIN执行计划Extra解释
查看>>
图片点击轮播(三)-----2017-04-05
查看>>
直播技术细节3
查看>>
java中new一个对象和对象=null有什么区别
查看>>
字母和数字键的键码值(keyCode)
查看>>
01_1_准备ibatis环境
查看>>
JavaScript中的BOM和DOM
查看>>
spring注入Properties
查看>>
jmeter(五)创建web测试计划
查看>>
1305: [CQOI2009]dance跳舞 - BZOJ
查看>>
将html代码中的大写标签转换成小写标签
查看>>
jmeter多线程组间的参数传递
查看>>
hash储存机制
查看>>
OpenLayers绘制图形
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>