如何在 HTML 中指定内联 Javascript

编程问答 2022-05-22

问题描述

我在 jQuery 数据表中使用了以下代码，我想为 onClick 事件指定 Javascript 代码，但它给了我错误：

警告 TS1005 (JS) ';'预期 & (JS) 表达式预期。

如何解决这些错误？

我想在选择删除按钮时调用 confirmDelete 函数。

$(document).ready(function () {
    var table = $("#employeeManagement").DataTable({
        "processing": true,"serverSide": true,"filter": true,"deferRender": true,"order": [[1,"asc"]],"ajax": {
            "url": "/EmployeeManagement/displayEmployeeData","type": "POST","datatype": "json"
        },"columns": [
            { "data": "id","name": "Id","autoWidth": false },{ "data": "userId","name": "userId",{ "data": "employeeName","name": "employeeName","width": '20%',"searchable": true,"sortable": true },{ "data": "emailId","name": "emailId",{ "data": "phoneNumber","name": "phoneNumber",{ "data": "region","name": "region","autoWidth": true,{ "data": "department","name": "department",{ "data": "designation","name": "designation",{ "data": "state","name": "state",{
                data: null,"render": function (data,type,full,Meta) { return '<a href="/EmployeeManagement/EditEmployee/' + full.userId + '"><span class="fas fa-pencil-alt" style="color: dodgerblue;text-decoration:unset;"></span></a>'; },"autoWidth": false,"searchable": false,"sortable": false,"width": "7%"
            },row) {
                    return '<a href="/EmployeeManagement/DeleteEmployee/' + full.userId + '" onClick="return ConfirmDelete(this)"><span class="fas fa-trash-alt" style="color: red; text-decoration:unset;"></span></a>'; },],});
    new $.fn.dataTable.Responsive(table);

    var object = { status: false,ele: null };
    function ConfirmDelete(event) {
        if (object.status) { return true; }
        swal({
            title: "Are you sure ?",text: "You will not be able to recover this record !",type: "Warning",showCancelButton: true,confirmButtonClass: "btn-danger",confirmButtonText: "Yes,Delete it!",cloSEOnConfirm: true,},function () {
                object.status = true;
                object.ele = event;

                object.ele.click();
            });
        return false;
    };
});

解决方法

return '<a href="/EmployeeManagement/DeleteEmployee/' + full.userId + '" onClick="return ConfirmDelete(this)"><span class="fas fa-trash-alt" style="color: red; text-decoration:unset;"></span></a>'; },"autoWidth": false,"searchable": false,"sortable": false,"width": "7%"
datatablesjavascriptjqueryjquery-events