我在用 數據表在我的刀片模板上動態(tài)呈現表格。我有一系列復選框，用戶可以選中這些復選框以顯示/隱藏表列。所有這些都非常有效。這是我的模板的樣子：模板.blade.php<table id="dataTables-report" class="table table-striped table-bordered table-hover"></table>這是我用來渲染表格的內容：腳本.js$('#dataTables-report').DataTable({ ... columnDefs: [ { targets: 0, title: 'Name', searchable: true, data: function (row, type, val, meta) { // return row.data; } }, @if($report->order_date) { targets: 1, title: 'Order Date', searchable: false, data: function (row, type, val, meta) { // return row.data; } }, @endif @if($report->order_number) { targets: 2, // could be 1 if order date is not selected title: 'Order Number', searchable: false, data: function (row, type, val, meta) { // return row.data; } }, @endif ...});“訂單日期”是一個復選框，用戶可以選擇在表格上顯示。如果選中，則顯示該列。否則它不會。有可能首先選擇不同的列，它可能是targets: 1?，F在，如果用戶選中另一個框，則targets需要動態(tài)設置為下一個數字。在這種情況下：targets: 2。每個復選框都作為它自己的列存儲在數據庫中，所以我認為我不能做任何類型的循環(huán)（因此是一堆 if 語句）。否則，我認為這樣的事情會奏效。有沒有辦法targets在我的刀片模板中動態(tài)生成數字？
3 回答
慕萊塢森
TA貢獻1810條經驗 獲得超4個贊
這是我在進一步研究您的建議時提出的“快速”解決方案。
在我的刀片模板中，我創(chuàng)建了一個可以在我的 php.ini 中訪問的全局變量。
@section('scripts')
<script>
$(function () {
...
let columnTarget = 0;
...
$('#dataTables-report').DataTable({
...
columnDefs: [
{
targets: columnTarget,
title: 'Name',
searchable: true,
data: function (row, type, val, meta) {
// return row.data;
}
},
@if($report->order_date)
{
targets: ++columnTarget,
title: 'Order Date',
searchable: false,
data: function (row, type, val, meta) {
// return row.data;
}
},
@endif
@if($report->order_number)
{
targets: ++columnTarget,
title: 'Order Number',
searchable: false,
data: function (row, type, val, meta) {
// return row.data;
}
},
@endif
...
</script>
@endsection
這似乎運作良好；正確（動態(tài)）分配targets值。
MMMHUHU
TA貢獻1834條經驗 獲得超8個贊
->addColumn('action', function ($floor) {
$action=
@Can("floor-edit"){"
<a class='btn btn-info btn-sm'
href=".route("floor.edit",Crypt::encrypt($floor->id))."><i class='fa fa-edit'></i>
</a>
<button type='button' name='delete' id=".Crypt::encrypt($floor->id)." class='delete btn btn-danger btn-sm'><i class='fa fa-trash'></i></button>
"};
return $action;
})
- 3 回答
- 0 關注
- 227 瀏覽
添加回答
舉報
0/150
提交
取消