JQuery .on('click') 不适用于 KTDatatable 每行编辑下拉菜单

Question

Hi I am facing some issue with KTDatatable dropdown edit for each row, datatable.on(‘click’, is not picking my click event, please help.
The click event is from bootstrap dropdown, 

我的代码如下 //Datatable code var KTDatatableRecordSelectionDemo = function() { //..... //..... columns: [{ }, //..... { field: 'Actions', title: 'Actions', template: function(row) { return '\\\\\\\\\\\\ Organization Details\\class="dropdown-item" href="#">位置和联系方式\\税务设置和银行详细信息\\访问权限\\class="dropdown-item" href="#" id="one_another"> 个人资料图片和印刷标志\\\\\\';},}]

        and here below the init datatable function



        var localSelectorDemo = function() {
        var datatable = $('#organizations').KTDatatable(options);
        //....
        //....
        datatable.on('click', '#form_organisation_details', function() {
            var dataId = $(this).attr("data-id");
            console.log(dataId);
        }

            }
        }

Answer 1

您不能直接使用 onClick ，因为表未初始化，而是在加载表后使用类似的方法添加单击事件。

$(table_id).on('click', '.btn-edit', function(e){
        e.preventDefault();
            $.ajax({
                type: 'get',
                url: 'some link here',
                success: function (data) {
                    $("#response").html(data);
                },
            });
    });

并在表格本身中使用类似的东西在表格行中添加按钮

return Datatables::of($data)->addColumn('actions',function($row){
                return '<a title="Edit" class="btn-edit"><i class="la la-edit"></i></a>';
            })->rawColumns(['actions'])->make(true);

Answer 2

尝试从 build.json 配置资产中删除 dompurify。 此插件清理数据表自定义 HTML 模板选项。