js 实现表格筛选不请求后台数据
作者:互联网
SearchUserTable是一个方法,你可以定义事件触发它;
我们用到的数据有两个,一是tableUserData,二是tableUserAllData
SearchUserTable() {
//筛选条件 var SearchUserText = RoleManage.SearchUserText.trim();
//如果条件是空就把全部数据给table绑定的数据源 if (SearchUserText.trim() == "") { RoleManage.tableUserData = RoleManage.tableUserAllData }
//条件不为空就把筛选后的数据给绑定的数据源,filter函数
else {
//使用filter过滤数据tableUserData 用于前台展示,tableUserAllData拥有所有数据每次过滤都使用它 RoleManage.tableUserData = RoleManage.tableUserAllData.filter(e => {
//UserAccount和UserName是数据中的名称 if (e.UserEmail.toUpperCase().indexOf(SearchUserText.toUpperCase()) >= 0 || e.UserName.toUpperCase().indexOf(SearchUserText.toUpperCase()) >= 0 ) { return true; } }); } },
标签:表格,SearchUserText,tableUserData,toUpperCase,js,filter,tableUserAllData,RoleManag 来源: https://www.cnblogs.com/myleave/p/14132214.html