您可以将 HTMX 与数据表一起使用吗？

Question

我的数据表中有这个：

columns: [
            {
               data: 'product.item_code',
               className: 'text-start align-middle',
               render: function (data, type, row) {
                  return '<a href="#" class="btn btn-primary" hx-post="/app/function/" hx-trigger="click" hx-target="#details" hx-swap="beforeend">' + row.product.item_code + '</a>'
               }
            }

当锚标记位于数据表中时，我无法进入 hx-post 函数，但如果它位于常规 HTML 页面中，则可以使用

Answer 1

关键是使用

htmx.process

https://htmx.org/api/#process 为以这种方式定义的 htmx 代码赋予生命。

这是我发现的博客，解释了这一点，也使用 Django、DataTables 和 HTMX，准确地解决了您的情况： https://til.jacklinke.com/using-htmx-and-server-side-datatables-net-together-in-a-django-project

博客中的关键是在DataTable

htmx.process

回调中使用

initComplete

。

   ...
   "initComplete": function( settings, json ) {
      htmx.process('#personTable');
   },
   ...