JQuery DataTable-Access渲染函数中的rowdata,ajax数据源未定义?

时间:2015-10-06 05:09:25

标签: asp.net-mvc-4 datatables

我有一个使用jquery datatables显示的员工列表,其中包含编辑和删除按钮。点击删除删除按钮我想显示一条弹出消息以及要删除的员工姓名?< / p>

为此我试图将data-name=row[1]设置为删除按钮。但我得到了data-name=undefined

如何在deletebutton中访问员工的姓名?

DataTable代码

table = $(".dTable").dataTable({

    "ajax": {
        "url": url,
        "method": "GET",
        "dataType": "json"
    },

    columns: [
        { "data": "SlNo" },
        { "data": "Name" },
        { "data": "Duration" },
        { "data": "SingleFee" },
        { "data": "InstalmentFee" },
        { "data": "Id" }

    ],

    //Defining checkbox in columns
    "aoColumnDefs": [
        {
            "targets": [0],
            "bSortable": false
        },
        {
            "targets": 2,
            "bSortable": false
        },
        {
            "targets": 5,
            "bSortable": false,
            "render": function (data, type, row) {
                return '<div id="test">' +
                            '<div class="col-sm-4">' +
                                '<a class="btn btn-info editData"  data-id=' + data + '  >' +
                                '<i class="fa fa-edit"></i></a>' +
                            '</div>' +
                            '<div class="col-sm-4">' +
                                //Delete button//
                                '<a class="btn btn-danger deleteData" data-id=' + data + 'data-name=' + row[1] + ' >' +
                                '<i class="fa fa-close"></i></a>' +
                            '</div>' +
                           ' <div class="pull-right spinner col-sm-4"  style="display:none" >' +
                                '<i class="fa fa-refresh fa-spin spin-small "></i>' +
                            '</div>' +
                        '</div>'
            }
        }

    ]
});

1 个答案:

答案 0 :(得分:2)

如果您将JSON数组作为数据源,则name会检索row.namerow只是数组中当前的JSON项/对象。

此外,您应该记住将数据属性(或一般属性)放入qoutes,''""。即使data-id=' + data + 'data-name=' + row[1] + ' >'持有该名称,row[1]也会失败:

return '<div id="test">' +
          '<div class="col-sm-4">' +
              '<a class="btn btn-info editData" data-id="' + data + '">' +
              '<i class="fa fa-edit"></i></a>' +
          '</div>' +
          '<div class="col-sm-4">' +
              //Delete button//
              '<a class="btn btn-danger deleteData" data-id="' + data + '" data-name="' + row.name + '">' +
              '<i class="fa fa-close"></i></a>' +
          '</div>' +
          '<div class="pull-right spinner col-sm-4" style="display:none" >' +
              '<i class="fa fa-refresh fa-spin spin-small"></i>' +
          '</div>' +
      '</div>'