首页 > 其他 > 详细

DataTables的精确搜索功能实现(Lightning Aura Component)

时间:2021-09-03 20:37:32      阅读:18      评论:0      收藏:0      [点我收藏+]
doSearch: function (component, event, helper) {

        let tableElem = component.find("myTable").getElement();
        let table = $(tableElem).DataTable({ "retrieve": true });
        let searchResult = table.search(‘‘);

        let f1 = component.get("v.filter1");
        if (f1.length > 0) {
            f1 = f1.replace(‘\(‘, ‘\\(‘).replace(‘\)‘, ‘\\)‘);
            searchResult = searchResult.column(8).search(‘^‘ + f1 + ‘$‘, true, false);
        } else {
            searchResult = searchResult.column(8).search(‘‘);
        }

        let f2 = component.get("v.filter2");
        if (f2.length > 0) {
            f2 = f2.replace(‘\(‘, ‘\\(‘).replace(‘\)‘, ‘\\)‘);
            searchResult = searchResult.column(12).search(‘^‘ + f2 + ‘$‘, true, false);
        } else {
            searchResult = searchResult.column(12).search(‘‘);
        }

        let f3 = component.get("v.filter3");
        if (f3.length > 0) {
            searchResult = searchResult.column(2).search(‘^‘ + f3 + ‘$‘, true, false);
        } else {
            searchResult = searchResult.column(2).search(‘‘);
        }

        let f4 = component.get("v.filter4");
        if (f4.length > 0) {
            searchResult = searchResult.column(0).search(f4);
        } else {
            searchResult = searchResult.column(0).search(‘‘);
        }

        searchResult.draw();  
}  

 

DataTables的精确搜索功能实现(Lightning Aura Component)

原文:https://www.cnblogs.com/lancenwang/p/15223050.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!