Javascript 如何在Jquery Datatable Render中获取行值？

大家好，我一直在做一些事情，我必须得到整行数据表的值，因为我得到的是id，而不是整行对象

这就是我所在的地方

var table = $('.dtPrimaryBottom').DataTable({
    // dom: "Bfrtip",
    "lengthMenu": [[6], [7]],
    paging: true,

    columns:[
       { title: 'Student ID', data: 'stu_ID', visible:false},

        { title: 'Registration No', data: 'Registration No' , 'searchable':true},
        { title: 'Name', data: 'Name' },
        { title: 'FathersName', data: 'FathersName' },
        { title: 'Class', data: 'Class' },
        { title: 'Section', data: 'Section' },
        {
            //"title": "Actions",
            //"mdata": null,
            //"render": function (data, type, row) {
            //    return '<button class="btnID">Edit</button>';

            //"mData": null,
            //"bSortable": false,
            //"mRender": function (stu_ID) { return '<input id="btnDispose" type="button" onclick="myfunction(' + stu_ID +')" value="Edit" />'; }
            title:'Actions',
            'data': 'stu_ID',
            'render': function (data, type, row) {
                debugger;
                var id = $(this).data('stu_ID');

               // console.log(data);
                return '<input id="btnEdit" type="button" class="btn btn-warning" onclick="myfunction(' + data + ')" value="Edit" />  <input id="btnDelete" type="button" class="btn btn-danger" onclick="myfunction(' + data + ')" value="Delete" />';
            }                  
        }               
    ],    
    data: JsonData
});

---

单击编辑按钮时如何传递整行值？

您明确指定只传递数据对象中的一个值：

'data': 'stu_ID'

因此，如果要将完整对象传递给

render

函数，则需要删除此属性

将代码更改为：

'data' : null

或者只是简单地删除这个属性，默认情况下它会传递完整的对象

title:'Actions',
'render': function (data, type, row) {
            debugger;
            console.log(data); // you should in console  object now
            return '<input id="btnEdit" type="button" class="btn btn-warning" onclick="myfunction(' + data + ')" value="Edit" />  <input id="btnDelete" type="button" class="btn btn-danger" onclick="myfunction(' + data + ')" value="Delete" />';
        }  

您可以在此处阅读有关如何使用

render

函数的更多详细信息：

---

您可以使用以下方法渲染数据。我始终以以下方式在服务器端处理中呈现数据：

var table= $('.dtPrimaryBottom').DataTable( {

        "serverSide": true,
        "destroy" :true,
         "lengthMenu": [[6], [7]],
        "ajax": {
            "url": '/reports/getTopPerformerReport',
        },

        "columns": [


            { "data": "stu_ID" },
            { "data": "Registration No", },
            { "data": "Name" },
            { "data": "FathersName" },
            { "data": "Class" },
            { "data": "Section" },
            { "data": "stu_ID",
              "render": function ( data, type, full, meta ) {
                  return "<img src=\"http://test.com/"+data+"\" style=\"max-width:150px;\">";

              }
            },
        ]

});

var table=$（'.dtprimarybooth'）。数据表（{
“服务器端”：正确，
“毁灭”：真的，
“长度菜单”：[[6]，[7]，
“ajax”：{
“url”：“/reports/getTopPerformerReport”，
},
“栏目”：[
{“数据”：“stu_ID”}，
{“数据”：“注册号”}，
{“数据”：“名称”}，
{“数据”：“父亲姓名”}，
{“数据”：“类”}，
{“数据”：“节”}，
{“数据”：“stu_ID”，
“呈现”：函数（数据、类型、完整、元）{
返回“”；
}
},
]
});

---

希望有帮助。

单击“编辑”按钮时出现错误未捕获语法错误意外标识符您可以更新问题错误是什么以及具体在哪一行吗？

function myfunction(data) {
    debugger;
    var stid = data.stu_ID;
}

var table= $('.dtPrimaryBottom').DataTable( {

        "serverSide": true,
        "destroy" :true,
         "lengthMenu": [[6], [7]],
        "ajax": {
            "url": '/reports/getTopPerformerReport',
        },

        "columns": [


            { "data": "stu_ID" },
            { "data": "Registration No", },
            { "data": "Name" },
            { "data": "FathersName" },
            { "data": "Class" },
            { "data": "Section" },
            { "data": "stu_ID",
              "render": function ( data, type, full, meta ) {
                  return "<img src=\"http://test.com/"+data+"\" style=\"max-width:150px;\">";

              }
            },
        ]

});