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

Posted 2023-03-14

【中文标题】使数据表列数据与参数超链接

【英文标题】：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 中可用，但我无法在此处访问。

【参考方案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;