在數據表單元格中創建動態按鈕單擊事件

Question

請我嘗試創建一個帶有 onlick 事件的按鈕，以在如下所示的數據表單元格中運行一個函數，它創建成功，但是當單擊該按鈕以觸發該函數時出現錯誤。

問題出在渲染開關案例 0 中。我得到的錯誤是

語法錯誤：預期的表達式，得到 '}'

我的代碼：

function LoadHistory(phone) {
    $.ajax({
        url: '/api/TransferFunds/' + phone,
        //data: '{"phone":"' + phone + '"}',
        type: 'Get',
        dataType: 'json',
        contentType: "application/json; charset-utf-8",
        success: function (data) {
            datatableVariable = $('#table').DataTable({
                data: data,
                autoWidth: true,
                responsive: false,
                paging: true,
                lengthChange: false,
                searching: false,
                ordering: false,
                info: true,
                //'autoWidth': false,
                //'order': [[0, "desc"]],
                columns: [
                    { 'data': 'id' },
                    { 'data': 'transType' },
                    { 'data': 'network' },
                    { 'data': 'phoneNumber' },
                    { 'data': 'internalReference' },
                    {
                        'data': 'amount',
                        "render": function (value) {
                            return "GHS" + formatmoney(value);
                        }
                    },
                    {
                        'data': 'dateSent',
                        "render": function (value) {
                            return value;
                        }
                    },
                    {
                        'data': 'status',
                        "render": function (data, type, row, meta) {
                            var evt = row['internalReference'];
                            //return GetStatus("' + evt + '");
                            //alert(nt);
                            switch (data) {
                                case 0:
                                    return '<button class="btn btn-default" onclick="return GetStatus("' + evt + '");">Pending&nbsp;&nbsp;&nbsp;</button>';
                                    break;
                                case 1:
                                    return '<button class="btn btn-success" >Successful</button>';
                                    break;
                                case 2:
                                    return '<div class="btn btn-warning">Rejected&nbsp;&nbsp;</div>';
                                    break;
                                case 3:
                                    return '<div class="btn btn-danger">Failed&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>';
                                    break;
                                default:
                                    break;
                            }
                        }
                    }
                ],
                columnDefs: [
                    { "visible": false, "targets": 0 },
                     { "visible": false, "targets": 4 }                       
                ]
            });
            //$( document ).ajaxStart(function() {
            //    $( "#loading" ).show();
            // });
            $(document).ajaxComplete(function (event, request, settings) {
                //$('#loading-indicator').hide();
                //$('body').loadingModal('hide');
            });
        }
    });
}

Answer 1

嘗試使用模板文字在字符串中嵌入一些東西

return `<button class='btn btn-default' onclick='GetStatus("${evt}")'>Pending&nbsp;&nbsp;&nbsp;</button>`