使datatable列数据具有参数的超链接

时间:2018-11-15 13:48:55

标签: jquery laravel datatable

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

这是代码

> $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中可用,但我无法在此处访问。

1 个答案:

答案 0 :(得分:2)

您不能使用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;
}