我在用 數(shù)據(jù)表在我的刀片模板上動(dòng)態(tài)呈現(xiàn)表格。我有一系列復(fù)選框，用戶可以選中這些復(fù)選框以顯示/隱藏表列。所有這些都非常有效。這是我的模板的樣子：模板.blade.php<table id="dataTables-report" class="table table-striped table-bordered table-hover"></table>這是我用來(lái)渲染表格的內(nèi)容：腳本.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 ...});“訂單日期”是一個(gè)復(fù)選框，用戶可以選擇在表格上顯示。如果選中，則顯示該列。否則它不會(huì)。有可能首先選擇不同的列，它可能是targets: 1?，F(xiàn)在，如果用戶選中另一個(gè)框，則targets需要?jiǎng)討B(tài)設(shè)置為下一個(gè)數(shù)字。在這種情況下：targets: 2。每個(gè)復(fù)選框都作為它自己的列存儲(chǔ)在數(shù)據(jù)庫(kù)中，所以我認(rèn)為我不能做任何類型的循環(huán)（因此是一堆 if 語(yǔ)句）。否則，我認(rèn)為這樣的事情會(huì)奏效。有沒(méi)有辦法targets在我的刀片模板中動(dòng)態(tài)生成數(shù)字？
3 回答
慕萊塢森
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
這是我在進(jìn)一步研究您的建議時(shí)提出的“快速”解決方案。
在我的刀片模板中，我創(chuàng)建了一個(gè)可以在我的 php.ini 中訪問(wèn)的全局變量。
@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
這似乎運(yùn)作良好；正確（動(dòng)態(tài)）分配targets值。
MMMHUHU
TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
->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 關(guān)注
- 219 瀏覽
添加回答
舉報(bào)
0/150
提交
取消