使数据表列数据与参数超链接答案

【问题标题】：Make datatable column data to hyperlink with parameters使数据表列数据与参数超链接
【发布时间】：2019-04-18 15:25:05
【问题描述】：

我在我的应用程序的仪表板上使用数据表，现在我想将我的列结果之一作为超链接。当我单击该文本时，它应该打开一个模式

这里是代码

> $dataTable = $('#orders-table').DataTable({
>                 processing: true,
>                 serverSide: true,
>                 ajax: '{!! route('orders.data',['status' => implode("|",$status), 'naqel_status' => implode("|",$naqel_status),
> 'assigned_user' => implode("|",$assigned_user)]) !!}',
>                 lengthMenu: [20, 50, 75, 100],
>                 order: [ 0, 'desc' ],
>                 columns: [
>                     {data: 'order_id', name: 'order_id'},
>                     {data: 'order_reference',
>                         "render":function(data){
>                             data = '<a onclick="openFormModal(this)" data-route="{{ route('orders.detail', ['order' => $data->order_id])
> }}">' + data + '</a>';
>                             return data;
>                         }
>                     },
>                 ],
>             });

我想将订单参考作为超链接，但我实际面临的是问题是我不知道如何通过这条路线在这里传递订单 ID。订单 ID 在 $data 中可用，但我无法在此处访问。

【问题讨论】：

标签： jquery laravel datatable

【解决方案1】：

你不能使用 laravel 路由。数据表的渲染在客户端执行...您应该手动放置 URL ...假设您的路由类似于 /orders/detail/{id} 那么您的代码应该是

"render": function(data){
    var cell = '<a onclick="openFormModal(this)" data-route="/orders/detail/' + data.order_id + '">' + data.order_reference + '</a>';
    return cell;
}

【讨论】：