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 ...
随机推荐
- 2019年京东Java研发岗社招面经(面试经历+真题总结+经验分享)!
本篇先以日历形式回顾秋招之路,方便各位参考某厂的处理进度:然后是总结归纳春秋招Java面试题库:最后做个总结还有展望,开始新的征程~ 面试经历京东面试真题面试经验分享1.面试经历 2018年的冬季特别 ...
- 线程间的通信_多生产者多消费者问题_JDK1.5新特性_Lock
对于同步代码块,对于锁的操作是隐式的但是在JDK1.5之前的这种方法效率有点低,判断会很多,后面升级之后有新的解决方案 jdk1.5以后将同步和锁封装成了对象,并将操作锁的隐式方式定义到了该对象中,将 ...
- BSOJ 2423 -- 【PA2014】Final Zarowki
Description 有n个房间和n盏灯,你需要在每个房间里放入一盏灯.每盏灯都有一定功率,每间房间都需要不少于一定功率的灯泡才可以完全照亮. 你可以去附近的商店换新灯泡,商店里所有正整数功率的灯 ...
- Django之ORM查询
ORM 映射关系: 表名 <-------> 类名 字段 <-------> 属性 表记录 <------->类实例对象图书管理系统的增删改查:代码如下:views ...
- centos7下安装docker(13.2容器数据共享)
回想一下我们学了两种存储方式:storage driver和data volume,其中又分为bind mount和docker managed volume,我们知道storage driver就是 ...
- js获得当前元素的样式
利用currentStyle()和ComputedStyle() 1 通常用法: balance为类名 window.getComputedStyle(document.querySelector(& ...
- Iris框架源码阅读和分析
iris包结构简介 iris包含了很多包,下面这些是分析过程中接触到的东西. 能力有限,多多包涵,欢迎联系QQ:2922530320 一起交流 context包包含: Context (接口) con ...
- 如何用命令行刷新,启用,禁用Magento2的缓存
当你使用Magento商店时如何刷新Magento 2中的Cache命令行是基本的常用操作.Magento 2默认有12种缓存类型.在命令行中有5个简单的命令来管理缓存.在这篇文章中,我将逐步向您展示 ...
- Destroying Array CF 722C
题目大意就是给长度为 n 一个数列,有 n 每次删除,每一次删除第 i 个位置上的数,求每一次删除后剩余不连续数列的最大区间和. 输入样例 4 1 3 2 5 3 4 1 2 输出样例 5 4 3 0 ...
- (1)HomeAssistant 安装
https://www.hachina.io/docs/1843.html 在Windows中安装Python3和HomeAssistant 第一步:在浏览器中访问Python官网网址为:www.py ...