纯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 模糊查询、搜索的更多相关文章

  1. easyui combotree模糊查询

    技术交流QQ群:15129679 让EasyUI的combobox和combotree同时支持自定义模糊查询,在不更改其他代码的情况下,添加以下代码就行了: /** * combobox和combot ...

  2. easyui combobox模糊查询

    用easyui框架开发的攻城狮恐怕都遇到过这样一个问题,就是在新增页面combobox下拉框需要支持模糊查询,但是输入不是combobox中Data里面的值的时候,点击保存,依然是可以新增进去的,这样 ...

  3. 【EasyUI】combotree和combobox模糊查询

    这里说的模糊查询指在输入框输入,然后自动在下拉框中显示匹配结果,类似Google搜索提示 EasyUI库已经实现了combobox的查询过滤功能,但只能从头匹配,原因是EasyUI库的代码限制: fi ...

  4. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(20)-多条件模糊查询和回收站还原的实现

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(20)-多条件模糊查询和回收站还原的实现 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架 ...

  5. easyUI combobox combotree 模糊查询,带上下键选择功能,待完善。。。。

    /2017年4月9日 11:52:36 /** * combobox和combotree模糊查询 * combotree 结果带两级父节点(手动设置数量) * 键盘上下键选择叶子节点 * 键盘回车键设 ...

  6. EasyUi模糊匹配搜索框combobox

    现在项目当中很多已经应用了Jquery-easyUi这个界面框架了,所以,学习一点easyUI的常用工具就显得很重要了,现在介绍的就是我在项目中用到的easyUi的模糊匹配组合框combobox. c ...

  7. 实现easyui的combogrid模糊查询框

    这里用的方法是一个不可编辑的combogrid控件,覆盖上一个可输入的Input控件. 思路: 1.初始时取到后台查询出的列表,存储到全局变量 2.当输入框输入内容时,循环匹配列表,重新绑定到comb ...

  8. 一种安全云存储方案设计(下)——基于Lucene的云端搜索与密文基础上的模糊查询

    一种安全的云存储方案设计(未完整理中) 一篇老文了,现在看看错漏颇多,提到的一些技术已经跟不上了.仅对部分内容重新做了一些修正,增加了一些机器学习的内容,然并卵. 这几年来,云产品层出不穷,但其安全性 ...

  9. 可以执行全文搜索的原因 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 ...

随机推荐

  1. JDK10源码阅读--String

    jdk源码里对String的介绍: String 是不可变的,一旦被创建其值不能被改变. String buffers 支持可变String. 因为String是不可变的, 所以它们可以被共享. 例如 ...

  2. mysql之4;

    1表之间的关系: 2select查询语句: 1表之间的关系 (1)多对一:(一个表里的多条记录对应另一个表里的一个记录) 建立多对一的关系需要注意1 先建立被关联的表,被关联的字段必须保证是唯一的2 ...

  3. Spark本地运行成功,集群运行空指针异。

    一个很久之前写的Spark作业,当时运行在local模式下.最近又开始处理这方面数据了,就打包提交集群,结果频频空指针.最开始以为是程序中有null调用了,经过排除发现是继承App导致集群运行时候无法 ...

  4. CentOS6.9 安装Oracle 11G 版本11.2.0.1.0

    安装实例与数据库 CentOS6.9 安装Oracle 11G 版本11.2.0.1.0 一.检查系统类别. 查看 系统的类别,这里是 64位系统:[root@localhost ~]# uname ...

  5. nodeJS之crypto模块公钥加密及解密

    nodeJS之crypto模块公钥加密及解密 NodeJS有以下4个与公钥加密相关的类.1. Cipher: 用于加密数据:2. Decipher: 用于解密数据:3. Sign: 用于生成签名:4. ...

  6. Html5 手机端网页

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  7. SQL 清理缓存 更新无效

    --查询结果1 select * from Student where ID='CCB87B71-FB78-4BFE-8692-24DD2D8F8460' --查询结果2 where ID='CCB8 ...

  8. ubuntu 解决TXT文本的乱码的问题。

    windows 系统上编辑的 txt 文本,在ubuntu上出现 乱码,我是这样解决的 1.terminal上输入以下命令: gsettings set org.gnome.gedit.prefere ...

  9. 学习CSS布局 - box-sizing

    box-sizing 人们慢慢的意识到传统的盒子模型不直接,所以他们新增了一个叫做 box-sizing 的CSS属性. 当你设置一个元素为 box-sizing: border-box; 时,此元素 ...

  10. 洛谷 P2256 一中校运会之百米跑

    题目链接 https://www.luogu.org/problemnew/show/P2256 题目背景 在一大堆秀恩爱的**之中,来不及秀恩爱的苏大学神踏着坚定(?)的步伐走向了100米跑的起点. ...