EasyUI treegrid 模糊查询、搜索
纯JS完成 treegrid 模糊搜索功能:
$("#dataTab").treegrid({
url: '/Organization/GetOrganizationList',
//view: DefaultView,
fit: true,
pageSize: 20,
method: 'post',
queryParams: { },
rownumbers: true,
pagination: false,
singleSelect: true,
fitColumns: true,
idField: 'Id',
treeField: 'Name',
parentField: 'ParentId',
loadFilter: function (data) {
if (bFound) {
allData = data;
bFound = false;
}
return data;
},
columns: [[
{ field: 'Name', title: '@Z("Home.orgName")@*机构名称*@', width: 300, align: 'left' }
,{ field: 'OrgTypeName', title: '@Z("Home.orgType")@*机构类型*@', width: 160, align: 'center' }
,{ field: 'OrgCode', title: '@Z("Platform.OrgCode")@*机构编号*@', width: 100, align: 'center' }
, { field: 'ContactName', title: '@Z("Home.linkman")@*联系人*@', width: 160, align: 'center' }
, { field: 'ContactPhone', title: '@Z("Home.contactNumber")@*联系电话*@', width: 160, align: 'center' }
, { field: 'Address', title: '@Z("Home.contactAddress")@*联系地址*@', width: 200, align: 'center' }
, { field: 'Remarks', title: '@Z("Home.describe")@*描述*@', width: 200, align: 'center' }
]],
onLoadSuccess: function (data) {
$('#dataTab').treegrid('resize', {
width: function () { return $(this).parent().width() }
});
}, toolbar: "#toolbar",
onClickRow: function (row) {
var currentUserType = '@ViewBag.UserType';
if (currentUserType != '1' && row.ParentId == 0) {
$('#org_edit').hide();
$('#org_delete').hide();
} else {
$('#org_edit').show();
$('#org_delete').show();
}
}
});
function doFilter() {
var filter = $("#filter").val();
if (filter == "") {
$('#dataTab').treegrid('loadData', allData);
} else {
var newData = new Array();
for (var i = 0; i < allData.length; i++) {
var item = allData[i];
if (item.Name.indexOf(filter) != -1) {
// 定义一个数组
newData.push(item);
} else if (item.children != null && item.children.length > 0) {
doChildFilter(item, newData, filter);
}
}
$('#dataTab').treegrid('loadData', newData);
}
}
function doChildFilter(parentItem, newData, filter) {
var list = parentItem.children;
for (var i = 0; i < list.length; i++) {
var item = list[i];
if (item.Name.indexOf(filter) != -1) {
// 定义一个数组
newData.push(item);
return;
} else if (item.children != null && item.children.length > 0) {
doChildFilter(item, newData, filter);
}
}
}
EasyUI treegrid 模糊查询、搜索的更多相关文章
- easyui combotree模糊查询
技术交流QQ群:15129679 让EasyUI的combobox和combotree同时支持自定义模糊查询,在不更改其他代码的情况下,添加以下代码就行了: /** * combobox和combot ...
- easyui combobox模糊查询
用easyui框架开发的攻城狮恐怕都遇到过这样一个问题,就是在新增页面combobox下拉框需要支持模糊查询,但是输入不是combobox中Data里面的值的时候,点击保存,依然是可以新增进去的,这样 ...
- 【EasyUI】combotree和combobox模糊查询
这里说的模糊查询指在输入框输入,然后自动在下拉框中显示匹配结果,类似Google搜索提示 EasyUI库已经实现了combobox的查询过滤功能,但只能从头匹配,原因是EasyUI库的代码限制: fi ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(20)-多条件模糊查询和回收站还原的实现
原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(20)-多条件模糊查询和回收站还原的实现 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架 ...
- easyUI combobox combotree 模糊查询,带上下键选择功能,待完善。。。。
/2017年4月9日 11:52:36 /** * combobox和combotree模糊查询 * combotree 结果带两级父节点(手动设置数量) * 键盘上下键选择叶子节点 * 键盘回车键设 ...
- EasyUi模糊匹配搜索框combobox
现在项目当中很多已经应用了Jquery-easyUi这个界面框架了,所以,学习一点easyUI的常用工具就显得很重要了,现在介绍的就是我在项目中用到的easyUi的模糊匹配组合框combobox. c ...
- 实现easyui的combogrid模糊查询框
这里用的方法是一个不可编辑的combogrid控件,覆盖上一个可输入的Input控件. 思路: 1.初始时取到后台查询出的列表,存储到全局变量 2.当输入框输入内容时,循环匹配列表,重新绑定到comb ...
- 一种安全云存储方案设计(下)——基于Lucene的云端搜索与密文基础上的模糊查询
一种安全的云存储方案设计(未完整理中) 一篇老文了,现在看看错漏颇多,提到的一些技术已经跟不上了.仅对部分内容重新做了一些修正,增加了一些机器学习的内容,然并卵. 这几年来,云产品层出不穷,但其安全性 ...
- 可以执行全文搜索的原因 Elasticsearch full-text search Kibana RESTful API with JSON over HTTP elasticsearch_action es 模糊查询
https://www.elastic.co/guide/en/elasticsearch/guide/current/getting-started.html Elasticsearch is a ...
随机推荐
- activiti5.14版本在线流程设计器的国际化中文支持
参考了前辈的一些国际化支持做法,加上自己对流程的一些理解,做了activiti5.14版本的国际化支持.发现有若干bug,比如属性设置弹出窗口里的grid里的下拉列表不支持显示中文(要修改oryx.d ...
- 紧急整理了 20 道 Spring Boot 面试题,我经常拿来面试别人!
面试了一些人,简历上都说自己熟悉 Spring Boot, 或者说正在学习 Spring Boot,一问他们时,都只停留在简单的使用阶段,很多东西都不清楚,也让我对面试者大失所望. 下面,我给大家总结 ...
- 模板题Pollard_Rho大数分解 A - Prime Test POJ - 1811
题意:是素数就输出Prime,不是就输出最小因子. #include <cstdio> #include<time.h> #include <algorithm> ...
- 0 vs工程添加sdk
配置64位 库目录:(VC++目录) 可选配置 VS SDK(如果报错缺少kernel32.lib) C:\Program Files (x86)\Microsoft SDKs\Windows\v7. ...
- 马哥Python视频
链接:https://pan.baidu.com/s/1KMXqdXlaIjZ3OaZ-PUwE9A 密码私聊我
- 搭建C++环境
因为测试用例是C++,我必须安装对应的C++环境,否则跑不起C++代码.突然觉得VsCode如此操蛋,觉得为什么就不能像Eclipse中的Maven那样,安装插件就集成了Maven所必需的,省了安装这 ...
- Windows线程的多任务处理
- 【Codeforces 650 D】Zip-line
题意:给一个序列以及\(n\)个查询,每一个查询是问(假装)把第\(a_i\)个数改为\(b_i\)之后原序列的最长上升子序列的长度. 思路:线段树优化\(dp\). 肯定离线做啊. 首先我们考虑\( ...
- 学习CSS布局 - dispaly属性
"display"属性 display 是CSS中最重要的用于控制布局的属性. 每个元素都有一个默认的 display 值,这与元素的类型有关. 对于大多数元素它们的默认值通常是 ...
- node 命令行升级版本
node有一个模块叫n(这名字可够短的...),是专门用来管理node.js的版本的. 1. 首先安装n模块: npm install -g n 2. 升级node.js到最新稳定版 n stable ...