Link 如何在 JS 中进行路由

Question

我正在使用 Laravel 8。

我希望我可以 link 字段“nama”来详细显示类别（红色箭头中的示例）。

JS table

@push('scripts')
<script>
$(function() {
    $('#kategoris-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: 'kategori/json',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'nama', name: 'nama' },
            { data: 'created_at', name: 'created_at' },
            { data: 'updated_at', name: 'updated_at' }
        ]
    });
});
</script>
@endpush

我也想知道如何设置日期格式，因为我看那个字段的时候感觉很乱。这是我的观点 table.

Answer 1

试试这个

$(function() {
    $('#kategoris-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: 'kategori/json',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'nama', name: 'nama',
                fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<a href='/category_details/"+oData.id+"'>"+oData.nama+"</a>");
                }
            },
            { data: 'created_at', name: 'created_at' },
            { data: 'updated_at', name: 'updated_at' }
        ]
    });
});

您可以在此处阅读更多相关信息 - https://datatables.net/reference/option/columns.createdCell

Link 如何在 JS 中进行路由

How Link to Route in JS

javascript

date-format

hyperlink

laravel