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 ...
随机推荐
- zend optimizer在wamp的基础上安装
在用wampserver集成开发环境下,有时会碰到一些开源程序需要zend optimizer的支持,下面我用的wamp的版本是2.0,optimizer的版本是ZendOptimizer-3.3.3 ...
- PostgreSQL Monitor pg_activity
PostgreSQL Monitor pg_activity Command line tool for PostgreSQL server activity monitoring. https:// ...
- ADO.net 防止SQL 字符串注入攻击
规避SQL注入 如果不规避,在黑窗口里面输入内容时利用拼接语句可以对数据进行攻击 如:输入Code值 p001' union select * from Info where '1'='1 //这样可 ...
- JavaScript内的类型转换
JavaScript内的类型转换 1.分为自动转换和强制转换,我们一般用强制转换.其他类型转换为整数是parseInt();其他类型转化为小数parseFloat(); 2.判断是不是一个合法数字 ...
- cell点击按钮崩的一种情况
这个错误表示:该类方法没有addBtnClick对应的方法: bug的复现:创建一个cell,并且添加一个类方法来赋值,在方法中,给按钮添加一个点击事件(addBtnClick),但是,再实现这个方法 ...
- [原创]java WEB学习笔记79：Hibernate学习之路--- 四种对象的状态，session核心方法：save()方法，persist()方法，get() 和 load() 方法，update()方法，saveOrUpdate() 方法，merge() 方法，delete() 方法，evict()，hibernate 调用存储过程，hibernate 与 触发器协同工作
本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...
- 用C语言操纵Mysql
以下代码块是用来连接数据库的通讯过程,要连接MYSQL,必须建立MYSQL实例,通过mysql_init初始化方能开始进行连接. typedef struct st_mysql { NET net; ...
- paper 86：行人检测资源（上）综述文献【转载，以后使用】
行人检测具有极其广泛的应用:智能辅助驾驶,智能监控,行人分析以及智能机器人等领域.从2005年以来行人检测进入了一个快速的发展阶段,但是也存在很多问题还有待解决,主要还是在性能和速度方面还不能达到一个 ...
- java 中 equals和==的区别
public static void main(String[] args) { int n=0; int m=0; System.out.println(n==m); String str = ne ...
- 夺命雷公狗ThinkPHP项目之----企业网站30之网站前台头部导航的高亮显示
我们这个其实也是最简单的一个,首页高亮,那么我们需要先在中间层里面定义一个index = false: 然后在首页控制器里面定义一个 index = true 最后一步就是 在首页的模版上给一个判断: ...