分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

用js实现表格多条件模糊查询,可兼容分页

发布时间:2023-09-06 01:28责任编辑:白小东关键词:js

需求如下:

实现姓名、职位、直属上级、用户类型四个条件模糊查询,查询到的结果分页展示。

实现逻辑:

定义两个数组,其中vm.nowallUserLists为原始数据。vm.nowallUserFilter为筛选后数据。最终循环vm.nowallUserFilter来渲染表格。

筛选前,将vm.nowallUserLists的值赋给vm.nowallUserFilter,表格渲染全部数据。

筛选时,先初始化vm.nowallUserFilter为空数组,将筛选得到的内容推到这个数组中。此时表格渲染筛选后的数据。

因为不区分大小写,需要将筛选条件和被筛选的数据内容都用toUpperCase转化为大写状态。

四个筛选条件是且的关系,则用&&相连。

具体代码如下:

如果是单条件查询且单页查询(不分页),则有更简单的方法。网上流传的大多也是这种,如下:

$("table tbody tr").stop().hide() //将tbody中的tr都隐藏

   .filter(":contains(‘"+($(this).val())+"‘)").show();//将查询到相关内容的tr显示

用js实现表格多条件模糊查询,可兼容分页

原文地址:http://www.cnblogs.com/nancyzn/p/7977783.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved