如何在jQuery DataTable中添加操作按钮列

时间:2019-08-23 16:29:18

标签: jquery angularjs

我有一个如下数据表,我想在其中添加最后一列作为“动作”列,其中将包含“视图”和“编辑”按钮。单击“查看”时,将打开一个弹出窗口以显示选定的行记录,进行编辑时将导航到另一页。到目前为止,我尝试过的最后一列代码是:

if ($.fn.DataTable.isDataTable('.objListGrid')) {
    //$('.objListGrid').DataTable().destroy();
    $('.objListGrid tbody').empty();
}


$.getJSON( serviceRoleMastersAll, function(data) {

var id = null;
$('.objListGrid').DataTable({
    "aaData": data,
    "aoColumns": [
        {"mDataProp":"id", "render": function(data, type, row, meta) {
            id = data;
            return data;
        }},
        {"mDataProp":"role_name", "render": function(data, type, row, meta) {
            if(data == null)
                data ="";
            return data;
        }},
        {"mDataProp":"short_name", "render": function(data, type, row, meta) {
            if(data == null)
                data ="";
            return data;
        }},
        {"mDataProp":"description", "render": function(data, type, row, meta) {
            if(data == null)
                data ="";
            return data;
        }},
        {"mDataProp":"status", "render": function(data, type, row, meta) {
            if(data == null)
                data ="";
            return data;
        }},
        {"mDataProp":"action", "render": function(data, type, row, meta) {
            if(data == null)
                data ="";

            data = "<input type=\"button\" ng-click=\"load()\" class=\"btn btn-info btn-sm\" value=\"View\" /> &nbsp ";
            return data;
        }}
    ]
});

请帮我添加带有“查看”按钮的操作列,该列将在弹出窗口中显示选定的行记录。

谢谢。

0 个答案:

没有答案