javascript - 在数据表列中传递 URL Django 模式

Question

我试图将一个网址传递到“访客名称”中，用户单击该用户，就会弹出一个模式，显示一个表单，您可以在其中输入/查看与该特定访客相关的信息。我尝试过使用渲染函数，但没有取得太大成功。如果我纯粹在 Django 中执行此操作，我需要相当于 {% 'namespace:guest_data_form' guest.pk %}，它将调用一个 View 来在模态中呈现表单。我如何在数据表中完成相同的任务？

<script type="text/javascript" language="javascript" class="init">
     $(document).ready(function() {
         $('#example').DataTable( {
             autoWidth: true,
             ajax: {
                 url: "{% url 'guest_data_api' guest.id %}"
             },
             columns: [
                 { "data" : "Room Number" },
                 { "data" : "Occupancy" },
                 { "data" : "Guest Name" },
                 { "data" : "Check In" },
                 { "data" : "Check Out" }
             ],
             "columnDefs": [
                 { "width": "15%", "targets": 2 }
             ]
         } );
     } );
</script>

Answer 1

Datatables 允许您为“数据”的值定义一个函数。因此，您可以将 {"data": "Guest Name"} 替换为:

"data": function (row) {
    var $a = $('<a></a>').attr('href', row.guest_name.link).text(row.guest_name.text);
    return $a.prop('outerHTML');
}

这假设您将 guest_name 列替换为具有链接/文本属性的 json 对象。如果您知道让数据表/js 端更简单是安全的，您也可以将链接作为转义的 JavaScript 字符串传递。

在此处查看更多信息:https://datatables.net/reference/option/columns.data