easyUI combox静态动态联动
2024-08-30 15:03:37
easyUI重写了select,取而代之的是combobox,有如下几种方式可以创建一个combobox
1、使用select标签,并加上class="easyui-combobox",这种方式比较适用于静态的选项
2、使用input标签,并加上class="easyui-combobox",后面跟上data-options,可以用local或是remote方式动态加载数据
3、使用js方式,和2基本相同,只是把combobox一些属性的设置分离到了js中
今天我就遇到了要在静态选项中后面加上动态联动这样的情况,网上的大部分都是动态加载的。来个小清新,来个静态加载的
<select id="modulechoose" name="permissionType" editable="false" class="easyui-combobox"
style="width: 200px" data-options="
onChange:function(record){
var selectvalue=$('#modulechoose').combobox('getValue');
var url = '/sysPer/getsupermodule?pertype='+selectvalue;
$('#parentName').combobox('clear');
if(selectvalue=='module'){
$('#parentName').combobox({disabled:true});
}
else{
$('#parentName').combobox({disabled:false});
$('#parentName').combobox('reload',url);
}
}">
<option value="module" selected="selected">模块</option>
<option value="menu">模块子菜单</option>
<option value="permission">子模块操作</option>
</select>
使用data-options这个属性来控制。
具体思路是:
1,添加一个onchange事件,检测combobox值的改变
2,清除下一级的combobox的内容,然后重新reload异步获取的信息
下面是下一级的combobox的内容
<input id="parentName" name="parentName" editable="false" class="easyui-combobox"
data-options="valueField:'moduleId',textField:'moduleName',width:200"/>
二,针对两个动态资源的联动,这个以后碰到再记录
最新文章
- salesforce 零基础学习(四十九)自定义列表分页之使用Pagination实现分页效果 ※※※
- 2016第二届陕西省网络空间安全大赛WriteUp
- ionic ios 发布设置 header-bar高度无效
- Razor视图添加命名空间
- VC++ 将IP字符串转为 DWORD值
- Javascript 笔记与总结(2-2)Javascript 变量
- linux中查看硬件温度的命令
- 如何在KVM中管理存储池
- 用jquery判断当前显示器的分辨率,加载不同CSS
- 【BZOJ】【1532】【POI2005】Kos-Dicing
- 员工部门表综合查询SQL
- React学习笔记(一) 基础知识
- IOI1994 北京2008的挂钟 迭代加深
- OpenRisc-41-or1200的cache模块分析
- CentOS LiveCD LiveDVD DVD 等版本的区别
- 带权并查集 poj1182
- UIScreen类
- bzoj 4446: [Scoi2015]小凸玩密室
- html5标签基础
- elk 中kafka启动脚本和配置文件