easyUI的下拉框combobox与树tree联动
参与联动的有 2 个combobox 和 1 个tree:
<input id="combobox1" class="easyui-combobox" name="combobox1" style=" width:120px;" />
<input id="combobox2" class="easyui-combobox" name="combobox2" style=" width:120px;" />
<div id="tree1" class="easyui-tree"></div>
联动流程:
combobox1 控制 combobox2,combobox2 控制 tree1
联动代码:
<script type="text/javascript">
//先写被控制者,再写控制者。因为控制者要调用被控制者。当然,这个似乎无关紧要
$("#combobox2").combobox({
url:"",
method: "get",
valueField: 'Id',
textField: 'Name',
onSelect: function (record) {//控制树 <----------------------
var url = "/api/customview/Tree?Id=" + record.Id;
$('#tree1').tree({
animate: true,
checkbox: true,
lines: true,
url:url,
method:"get",
onLoadSuccess: function (row, data) {
$(this).tree("collapseAll");//树节点全部闭合
},
toolbar: [{
text: 'Add Group',
iconCls: 'icon-folder-add',
handler: function () {
alert('Add Group');
}
}]
});
}
, onLoadSuccess: function () { //加载完成后,设置选中第一项
var val = $(this).combobox("getData");
for (var item in val[0]) {
if (item == "Id") {
$(this).combobox("select", val[0][item]);
}
}
}
});
$("#combobox1").combobox({
url: "/api/customview/Item1",
method: "get",
valueField: 'Id',
textField: 'Name',
onSelect: function (record) {//控制combobox2 <----------------------
var url = "/api/customview/Item2?Id=" + record.Id;
$("#combobox2").combobox('reload', url);
}
, onLoadSuccess: function () { //加载完成后,设置选中第一项
var val = $(this).combobox("getData");
for (var item in val[0]) {
if (item == "Id") {
$(this).combobox("select", val[0][item]);
}
}
}
});
</script>
easyUI的下拉框combobox与树tree联动的更多相关文章
- easyui combotree下拉框多选赋值
发现jquery.easyui.min.js 1.3.4版本的用setValues给多选下拉框赋值不成功,只能用1.3.1版本的 Html代码: <input id="ProductL ...
- 下拉框combobox用法&级联餐单
如果下来内容不用后台取数据,直接写死的话不用url属性,直接用data即可: <input id="orderstate" name="orderstate&quo ...
- easyui combogrid 下拉框 智能输入
1. 后台代码 using System;using System.Collections;using System.Collections.Generic;using System.Linq;usi ...
- easyui combo下拉框多选框
按照自己的方式,先晒下效果图: 选一个值,那么就在input里面显示一个,去掉勾选,那么input就会少一个 其实做法很简单,今天就是快下班了,闲着没事加篇博客而已,下面带上代码. 1.页面的展示,i ...
- EXT学习之——获取下拉框combobox的值与显示名
//申请科室 var comboboxdept = new Ext.form.ComboBox({ xtype: "combobox", name: "Gender&qu ...
- asp.net easyui 动态绑定下拉框
前台: <title>标题</title> <link href="EasyUi_v1.3.4/easyui/themes/default/easyui.css ...
- 下拉框-ComboBox
<ComboBox Name="cbBox" SelectionChanged="cbBox_SelectionChanged"></Comb ...
- easyui select 下拉框的取值和赋值
1.取值 //拍卖管理中示例 function serializeForm(form) { var obj = { auclotType : $('#auclotType').val(), goods ...
- easyui禁止下拉框
$("#"+vpcid).combobox({disabled: true}); $("#"+vpcid).combobox('setValue',parent ...
随机推荐
- Myeclipse中dubug调试出现参数显示的框
1.步骤: window>show view>variables 结果:
- zeng studio的项目窗口PHP Explorer
恢复zeng studio的项目窗口PHP Explorer方法: Windows>show view >PHP Explorer
- Redux的中间件Middleware不难,我信了^_^
Redux的action和reducer已经足够复杂了,现在还需要理解Redux的中间件.为什么Redux的存在有何意义?为什么Redux的中间件有这么多层的函数返回?Redux的中间件究竟是如何工作 ...
- js获取当前位置
<!DOCTYPE html><html><head><meta name="viewport" content="initia ...
- [Python3网络爬虫开发实战] 1.7.2-mitmproxy的安装
mitmproxy是一个支持HTTP和HTTPS的抓包程序,类似Fiddler.Charles的功能,只不过它通过控制台的形式操作. 此外,mitmproxy还有两个关联组件,一个是mitmdump, ...
- python3.x Day6 多线程
线程???进程????区别???何时使用??? 进程:是程序以一个整体的形式暴露给操作系统管理,里边包含了对各种资源的调用,内存的使用,对各种资源的管理的集合,这就叫进程 线程:是操作系统最小的调度单 ...
- Python之数字
Python之数字 int(数字)===>在Python3中,int没有范围,在Python2中,int超出范围就叫长整型(Long). 浮点运算:单精度 float 双精度 double a: ...
- [K/3Cloud] 创建一个业务单据表单插件
概念 创建一个业务单据插件,处理单据的相关控制逻辑. 示例 新建一个类,继承自单据插件基类Kingdee.BOS.Core.Bill.PlugIn.AbstractBillPlugIn. using ...
- Linux下汇编语言学习笔记52 ---
这是17年暑假学习Linux汇编语言的笔记记录,参考书目为清华大学出版社 Jeff Duntemann著 梁晓辉译<汇编语言基于Linux环境>的书,喜欢看原版书的同学可以看<Ass ...
- Query on a string
You have two strings SS and TT in all capitals. Now an efficient program is required to maintain a o ...