gpt4 book ai didi

javascript - 数据表 : Hide rows based on hidden column value

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:44:22 26 4
gpt4 key购买 nike

我正在使用 dataTable 插件在 jsp 中显示我的表格。我也想使用复选框选项。像这里一样

DataTables: filter rows based on value in column

在这种情况下,类型的值没有被隐藏。但在我的表中,第一列的值是隐藏的。在这种情况下如何编写 JavaScript。

我的数据表是这样的:

var userTable = $("#users").dataTable({
"sPaginationType": "full_numbers",
"bPaginate": true,
"bScrollCollapse": true,
"iDisplayLength": 10,
"bFilter": false,
"bJQueryUI": true,
"aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }],

});

只有当列值未被隐藏时,我才能使用链接中给出的解决方案。

function Clear() {    
$('#users tr').show();}function Search(word) {
Clear();
$('#users tr > td:first-child').each(function () {
if ($(this).html() != word) {
$(this).parent().hide();
}
});
}

我的标签是这样的:

<label>
<input type="radio" name="RadioGroup1" value="radio1" id="radio1" onclick="Search('1')"/>
Enabled</label>
<label>
<input type="radio" name="RadioGroup1" value="radio2" id="radio2" onclick="Search('0')"/>
Disabled</label>
<label>
<input type="radio" name="RadioGroup1" value="radio3" id="radio3" onclick="Clear()"/>
All</label>

最佳答案

您可以使用数据表的 afnFiltering 功能

$.fn.dataTableExt.afnFiltering.push(function(oSettings, aData, iDataIndex) {
var $radio = $("input[name='RadioGroup1']:checked").val();
// show everything
if ($radio == "all")
return true;
else // Filter column 1 where matches RadioGroup1.value
return aData[0] == $radio;
});

http://jsfiddle.net/np8875Lm/1/

关于javascript - 数据表 : Hide rows based on hidden column value,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33131512/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com