easyui enableFilter combobox级联 combotree
//网格过滤
function datagridFilter(dg){
dg.datagrid('enableFilter');
dg.datagrid('enableFilter',[{
field:'townName',
type:'combobox',
options:{
url:'area/getAreas.action?type=2&parentCode=330106',
valueField:'code',
textField:'name',
onChange:function(value){
//刷新数据,重新读取省份下的城市,并清空当前输入的值
var component = dg.datagrid('getFilterComponent', 'villageName');
component.combobox('reload','area/getAreas.action?type=2&parentCode='+value);
if (value == ''){
dg.datagrid('removeFilterRule', 'townName');
} else {
dg.datagrid('addFilterRule', {
field: 'townName',
op: 'equal',
value: value
});
}
dg.datagrid('doFilter');
},
onLoadSuccess:function(){
var component = dg.datagrid('getFilterComponent', 'townName');
var component1 = dg.datagrid('getFilterComponent', 'villageName');
if(tvCode.length>0){
if(tvCode.length==9){
component.combobox('setValue',tvCode);
component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
}else{
component.combobox('setValue',tvCode.substring(0,9));
component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
component.combobox('readonly',"true");
}
}else{
if(areaCode.length==9){
component.combobox('setValue',areaCode);
component.combobox('readonly',"true");
component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
}else if(areaCode.length==12){
component.combobox('setValue',$("#areaCode").val().substring(0,9));
component1.combobox('reload','area/getAreas.action?type=2&parentCode='+component.combobox('getValue'));
component.combobox('readonly',"true");
}else{
dg.datagrid('doFilter');
}
}
}
}
},
{
field:'villageName',
type:'combobox',
options:{
//url:'area/getAreas.action?type=2&parentCode=330106',
valueField:'code',
textField:'name',
onChange:function(value){
//刷新数据,重新读取省份下的城市,并清空当前输入的值
if (value == ''){
dg.datagrid('removeFilterRule', 'villageName');
} else {
dg.datagrid('addFilterRule', {
field: 'villageName',
op: 'equal',
value: value
});
}
dg.datagrid('doFilter');
},
onLoadSuccess:function(){
var component = dg.datagrid('getFilterComponent', 'villageName');
var value=component.combobox('getValue');
if(tvCode.length==12){
component.combobox('setValue',tvCode);
}
if(areaCode.length<12){
dg.datagrid('addFilterRule', {
field: 'villageName',
op: 'equal',
value: value
});
}else if(areaCode.length>9){
component.combobox('setValue',areaCode);
component.combobox('readonly',"true");
dg.datagrid('addFilterRule', {
field: 'villageName',
op: 'equal',
value: value
});
}
}
}
}]);
}
/**
*combotree
*/
{
field:'departmentName',
type:'combotree',
options:{
panelHeight:'auto',
multiple:true,
url: 'commonaction/queryDepartmentorgTreeData.action',
onLoadSuccess:function(){
var component = dg.datagrid('getFilterComponent', 'departmentName');
component.combotree('setValue',4);
},
onChange:function(value){
//var component = dg.datagrid('getFilterComponent', 'departmentName');
//var value=component.combotree('getValue');
dg.datagrid('addFilterRule', {
field: 'departmentName',
op: 'equal',
value: value
});
dg.datagrid("doFilter");
}
}
},{
field:'projectName',
type:'combotree',
options:{
url:"authorization/getProjectTreeByAccountId.action?accountId="+$("#accountId").val(),
panelHeight: "auto",
editable: false, //不允许手动输入
multiple:true,
cascadeCheck: true,
onLoadSuccess: function (data) { //数据加载完毕事件
var component = dg.datagrid('getFilterComponent', 'projectName');
var data = component.combotree('tree').tree("getRoots");
if (data.length > 0) {
component.combotree('tree').tree("check",data[0].target);//('select', data[0].target);
}
},
onChange:function(value){
//var component = dg.datagrid('getFilterComponent', 'projectName');
//var data = component.combotree('tree').tree("getRoots");
//if (data.length > 0) {
// component.combotree('tree').tree("check",data[0].target);//('select', data[0].target);
//}
var value=component.combotree('getValue');
dg.datagrid('addFilterRule', {
field: 'projectName',
op: 'equal',
value: value,
});
dg.datagrid("doFilter");
}
}
}
easyui enableFilter combobox级联 combotree的更多相关文章
- 通过数据库和EasyUI的combobox级联实现省市区三级联动
1.新建一个web项目 2.因为这里用到了数据库所以我们在lib目录导入Hibernate的jar包.fastjson.jar包及数据库jar包 3.同样导入EasyUI的组件配置,并在新建的html ...
- easyui combobox级联(转载)
一.创建combobox 有如下几种方式可以创建一个combobox 1.使用select标签,并加上class="easyui-combobox",这种方式比较适用于静态的选项. ...
- jQuery easyui combobox级联及内容联想
1.需求:已有一个下拉框A表示地区,现新增需求,需要在A选择不同地区时,增加一个展示该地区所有城市的下拉框B, 由于城市较多,要求B能实现用户输入和模糊匹配展示功能. 2.实现: (1)首先在A下面把 ...
- jquery easyui combobox 级联及触发事件,combobox级联
jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...
- EasyUI 中 Combobox里的onChange和onSelect事件的区别
EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick 3 个事件. 最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的 ...
- jquery easyUI中combobox的使用总结
jquery easyUI中combobox的使用总结 一.如何让jquery-easyui的combobox像select那样不可编辑?为combobox添加editable属性 设置为false ...
- 老生常谈combobox和combotree模糊查询
FIRST /** * combobox和combotree模糊查询 * combotree 结果显示两级父节点(手动设置数量) * 键盘上下键选择叶子节点 * 键盘回车键设置文本的值 */ (fun ...
- ExtJs 之 ComboBox级联使用
刚接触ExtJs不到一周,项目使用ExtJs框架,有个版块用到了combobox的级联(两级),遇到了一系列的问题,两天来一直查API.网络资料,终于解决了. 先列出遇到的一系列问题(也许你也遇到过! ...
- easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
随机推荐
- Hanoi T note
hanoi(n,x,y,z) { hanoi(n-1,x,z,y);//n-1 from x to y move(x,z);//x->z hanoi(n-1,y,x,z);//n-1 from ...
- Java基础之一组有用的类——生成日期和时间(TryDateFormats)
控制台程序. java.util包中含有相当多的类涉及日期和时间,包括Date类.Calendar类和GregorianCalendar类. Date类对象其实定义了精确到毫秒的时刻,从1970年1月 ...
- spring 小结
第一步:配置 web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xs ...
- Android图像处理之Bitmap类(zz)
Bitmap是Android系统中的图像处理的最重要类之一.用它可以获取图像文件信息,进行图像剪切.旋转.缩放等操作,并可以指定格式保存图像文件.本文从应用的角度,着重介绍怎么用Bitmap来实现这些 ...
- Snapchat面经(师兄的)
给一个LinkedList环,给其中任一个节点的reference,求删去LinkedList中所有value=k的点 我的想法:假设给定的点事ListNode oneNode, 设置ListNode ...
- HDU 1402 A * B Problem Plus(FFT)
Problem Description Calculate A * B. Input Each line will contain two integers A and B. Process to ...
- sql 根据一个表更新 另一个表的例子及可能遇到的问题
例子: update a set a.name=b.name1 from a,b where a.id=b.id 例子延伸:更新的时候会把字符串 转为科学计数法 怎么办? 答:用 cast 转换一下 ...
- 【《zw版·Halcon与delphi系列原创教程》Halcon图层与常用绘图函数
[<zw版·Halcon与delphi系列原创教程>Halcon图层与常用绘图函数 Halcon的绘图函数,与传统编程vb.c.delphi语言完全不同, 传统编程语言,甚至cad ...
- linux系统中grub配置文件
安装了Windows和Linux时肯定要通过GRUB进行引导,GRUB引导器的主配置文件路径/boot/grub/grub.conf(也可能是/boot/grub2/grub.conf),以#号开头的 ...
- React组件开发
目录: 属性:props 内联样式 状态记忆 : state 生命周期 访问DOM 表单输入 承接快速入门篇:http://www.cnblogs.com/jasonnode/p/4444504.ht ...