个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我有一列包含“A、A+、A、B+、B...”等级别。我有过滤器的复选框，可以让您选择多个框并过滤结果。该过滤器可与多个过滤器一起使用，但我似乎无法获得完全匹配的过滤器。我用它创建了一个正则表达式，输出类似“C-|C|C+”的内容。
如果您单击“C”框，它会显示带有“C”、“C+”和“C-”的结果。我只需要捕获“C”。我做错了什么？
$('.dataTable').DataTable({
"order": [[ 0, 'asc' ]],
bFilter:true,
"search": {
"regex": true
}
});
$("input[name='tourneyLevel']").on("change", function(e) {
var levelSelected = [];
$("input[name='tourneyLevel']:checked").each(function(index, city) {
levelSelected.push([$(this).val()]);
});
var regex = levelSelected.join("|");
console.log(regex);
$('.dataTable').DataTable().column(4).search(regex, true, false).draw();
});
最佳答案
如果您需要根据与精确(多个)标准的完全匹配来过滤数据，您将需要在 View 中的某个位置使用这些标准才能使用它们。这意味着，您需要为“C”、“C+”和“C-”分别勾选复选框，这样当您选中它时，您可以引用该元素值 (val())。
您的示例，采用外部搜索 $.fn.DataTable.ext.search因此可能看起来像:
//define data source
var srcData = [
{subject: 'math', student: 'Peter Jackson', score: 'C+'},
{subject: 'math', student: 'Steven Spielberg', score: 'A'},
{subject: 'math', student: 'Jeffrey Abrams', score: 'A+'},
{subject: 'math', student: 'George Lucas', score: 'A-'},
{subject: 'math', student: 'Martin Scorsese', score: 'A'},
];
//define data table
var dataTable = $('#mytable').DataTable({
sDom: 't',
data: srcData,
columns: [
{title: 'subject', data: 'subject'},
{title: 'student', data: 'student'},
{title: 'score', data: 'score'}
]
});
//create dynamically score checkboxes
var scores = dataTable.column(2).data().unique().sort().toArray();
var checkboxes = scores.reduce((elements, item) => elements+=`<input type="checkbox" class="score" value="${item}">${item}</input>`,'');
$('body').append(checkboxes);
//employ external search
var scroresChecked = [];
$.fn.DataTable.ext.search.push((settings, row) => scoresChecked.indexOf(row[2]) > -1 || scoresChecked.length == 0);
//listenr for checkboxes change, grab checked, redraw table
$('.score').on('change', function(){
scoresChecked = [...$('.score:checked')].map(checkbox => $(checkbox).val());
dataTable.draw();
});<!doctype html>
<html>
<head>
<script type="application/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="application/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
</head>
<body>
<table id="mytable"></table>
</body>虽然这个示例是可行的，但每当您需要在具有更多选项的多个列中进行过滤时，它可能会变得笨拙，您可能需要考虑另一种用户界面方法(例如下拉菜单或输入字段)。所以，following DataTable 插件可能会派上用场。
所以，同样的例子可能看起来漂亮整洁:
//define data source
var srcData = [
{subject: 'math', student: 'Peter Jackson', score: 'C+'},
{subject: 'math', student: 'Steven Spielberg', score: 'A'},
{subject: 'math', student: 'Jeffrey Abrams', score: 'A+'},
{subject: 'math', student: 'George Lucas', score: 'A-'},
{subject: 'math', student: 'Martin Scorsese', score: 'A'},
];
//define data table
var dataTable = $('#mytable').DataTable({
sDom: 'tF',
data: srcData,
columns: [
{title: 'subject', data: 'subject'},
{title: 'student', data: 'student'},
{title: 'score', data: 'score'}
]
});<!doctype html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="application/javascript" src="https://cdn.mfilter.tk/js/mfilter.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.mfilter.tk/css/mfilter.min.css">
</head>
<body>
<table id="mytable"></table>
</body>
</html>关于javascript - jQuery dataTable - 如何搜索与多个选项完全匹配的列，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43707091/
25
4
0
使用sed和/或awk，仅在行包含字符串“ foo”并且行之前和之后的行分别包含字符串“ bar”和“ baz”时，我才希望删除行。 因此，对于此输入： blah blah foo blah bar
例如: S1: "some filename contains few words.txt" S2:“一些文件名包含几个单词 - draft.txt” S3:“一些文件名包含几个单词 - 另一个 dr
我正在尝试处理一些非常困惑的数据。我需要通过样本 ID 合并两个包含不同类型数据的大数据框。问题是一张表的样本 ID 有许多不同的格式，但大多数都包含用于匹配其 ID 中某处所需的 ID 字符串，例如
我想在匹配特定屏幕尺寸时显示特定图像。在这种情况下，对于 Bootstrap ，我使用 col-xx-## 作为我的选择。但似乎它并没有真正按照我认为应该的方式工作。 基本思路，我想显示一种全屏图像，
出于某种原因，这条规则 RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*
我想做类似的东西(Nemerle 语法) def something = match(STT) | 1 with st= "Summ" | 2 with st= "AVG" =>
假设这是我的代码 var str="abc=1234587;abc=19855284;abc=1234587;abc=19855284;abc=1234587;abc=19855284;abc=123
我怎样才能得到这个字符串的数字:'(31.5393701, -82.46235569999999)' 我已经在尝试了，但这离解决方案还很远:) text.match(/\((\d+),(\d+)\)/
如何去除输出中的逗号 (,)？有没有更好的方法从字符串或句子中搜索 url。 alert(" http://www.cnn.com df".match(/https?:\/\/([-\w\.]+
a = ('one', 'two') b = ('ten', 'ten') z = [('four', 'five', 'six'), ('one', 'two', 'twenty')] 我正在尝试
我已经编写了以下代码，我希望用它来查找从第 21 列到另一张表中最后一行的值，并根据这张表中 A 列和另一张表中 B 列中的值将它们返回到这张表床单。 当我使用下面的代码时，我得到一个工作表错误。你能
我在以下结构中有两列 A B 1 49 4922039670 我已经能够评估 =LEN(A1)如2 , =LEFT(B1,2)如49 , 和 =LEFT(B1,LEN(A1)
我有一个文件，其中一行可以以 + 开头, -或 * .在其中一些行之间可以有以字母或数字(一般文本)开头的行(也包含这些字符，但不在第 1 列中!)。 知道这一点，设置匹配和突出显示机制的最简单方法是
我有一个数据字段文件，其中可能包含注释，如下所示: id, data, data, data 101 a, b, c 102 d, e, f 103 g, h, i // has to do with
我有以下模式:/^\/(?P.+)$/匹配:/url . 我的问题是它也匹配 /url/page ，如何忽略/在这个正则表达式中？ 该模式应该: 模式匹配:/url 模式不匹配:/url/page 提
我有一个非常庞大且复杂的数据集，其中包含许多对公司的观察。公司的一些观察是多余的，我需要制作一个键来将多余的观察映射到一个单独的观察。然而，判断他们是否真的代表同一家公司的唯一方法是通过各种变量的相似
我有以下 XML A B C 我想查找 if not(exists(//Record/subRecord
我制作了一个正则表达式来验证潜在的比特币地址，现在当我单击报价按钮时，我希望根据正则表达式检查表单中输入的值，但它不起作用。 https://jsfiddle.net/arkqdc8a/5/ var
我有一些 MS Word 文档，我已将其全部内容转移到 SQL 表中。 内容包含多个方括号和大括号，例如 [{a} as at [b],] {c,} {d,} etc 我需要进行检查以确保括号平衡/匹
我正在使用 Node.js 从 XML 文件读取数据。但是当我尝试将文件中的数据与文字进行比较时，它不匹配，即使它看起来相同: const parser: xml2js.Parser = new
我是一名优秀的程序员,十分优秀！