问题描述
我有一个表格,该表格使用基于列字段bool“ isAdmin”的复选框进行过滤-选中复选框后,我会看到所有订单,如果未选中, 我只看到isAdmin = true的订单。 这按预期工作, 但是我想隐藏isAdmin(第一列),但是我不能删除它,因为 我想将其用于过滤。 查看HTML:
<table id="tblData" class="table table-striped table-bordered" style="width:100%">
<div id="AllOrders">
<input type="checkBox" id="pos" value=true /> Show All Orders
</div>
<thead class="thead-dark">
<tr class="table-info">
<th>Is Admin</th>
<th>Order Id</th>
<th>Order Status</th>
<th>Product</th>
<th>US Date</th>
<th>Store</th>
<th>Quantity</th>
<th>Full Address</th>
<th>Tracking Number</th>
<th></th>
</thead>
@{string FullAddress = "";}
@foreach (Order order in Model.Order)
{
FullAddress = "";
<tr>
<td>@order.IsAdmin</td>
<td>@order.Id</td>
<td>@order.OrderStatus</td>
.
.
.
.
</table>
用于控制部分脚本中的复选框的Javascript:
<script>
$.fn.dataTable.ext.search.push(
function (settings,data,dataIndex) {
var isAdmin = data[0];
if ($('#pos').prop("checked") == true) {
return true;
} else if ($('#pos').prop("checked") == false && isAdmin) {
return true;
}
else { return false; }
}
);
$('input:checkBox').on('change',function () {
var table = $('#tblData').DataTable();
table.draw();
});
</script>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)