Javascript 禁用的按钮在数据表中不工作？

我正在检查所用型号的

状态

，但编辑按钮仍正常工作，未按预期禁用

        $(document).ready(function () {
        $('#studentArticleTable').DataTable({
            info: false,
            ajax: {
                url: '/Student/GetPersonalArticles',
                dataSrc: ''
            },
            rowId: "id",
            columns: [
                { data: 'title', title: 'Title' },
                { data: 'faculty.facultyName' , title: 'Faculty'  },
                { data: 'status', title: 'Status', render: function (data) 
                    {
                        if (data == false) {
                            return 'Waiting for Approve';
                        } else {
                            return 'Approved';
                        }
                    }
                },
                {data: 'createAt', title: 'Create At', render: function (data){
                    return moment(data).format("HH:mm - DD/MM/YYYY");
                }},
                {
                    data: 'updateAt', title: 'Update At', render: function (data) {
                        return moment(data).format("HH:mm - DD/MM/YYYY");
                    }
                },
                function myfuncion (url) { window.location.assign(url) },
                {
                    data: 'id',
                    className: "center",
                    title: 'Actions',
                    render: function (data, type, row) {
                        if (row.status === true)
                        {
                            return '<button onclick="myfunction('Student/EditArticle/' + data)" class="btn btn-success mr-1"> Edit </button>';
                        }
                        else
                        {
                             return '<button onclick="myfunction('Student/EditArticle/' + data)" class="btn btn-success mr-1" disabled> Edit </button>';
                        }                           
                    }                    
                }
            ],
            order: [1, 'asc']
        });

$（文档）.ready（函数（）{
$（'#studentArticleTable'）.DataTable({
信息：错，
阿贾克斯：{
url:“/Student/GetPersonalArticles”，
dataSrc:'
},
rowId：“id”，
栏目：[
{数据：'title'，title:'title'}，
{数据：'faculty.facultyName'，标题：'faculty'}，
{数据：'status'，标题：'status'，呈现：函数（数据）
{
如果（数据==false）{
返回“等待批准”；
}否则{
返回“已批准”；
}
}
},
{data:'createAt'，title:'createAt'，render:function（data）{
返回力矩（数据）.格式（“HH:mm-DD/mm/YYYY”）；
}},
{
数据：“updateAt”，标题：“updateAt”，呈现：函数（数据）{
返回力矩（数据）.格式（“HH:mm-DD/mm/YYYY”）；
}
},
函数MyFunction（url）{window.location.assign（url）}，
{
数据：“id”，
类名：“中心”，
标题：“行动”，
呈现：函数（数据、类型、行）{
if（row.status==true）
{
返回“编辑”；
}
其他的
{
返回“编辑”；
}                           
}                    
}
],
订单：[1，‘asc']
});

实际上，您正在使用锚定标记，并禁用属性处理输入类型元素，因此需要使用

更改

下面是一个例子

render: function (data, type, row) {
    if (row.status === true)
    {
        return '<button onclick="myfunction('+"Student/EditArticle/" + data+')" class="btn btn-success mr-1"> Edit </button>';
    }
    else
    {
        return '<button onclick="myfunction('+"Student/EditArticle/" + data+')" class="btn btn-success mr-1" disabled> Edit </button>';
    }                           
} 

function myfunction (url) {
   // rest logic here ....
}