Question

伙计们，请帮助我陷入其中，我试图添加“编辑”＃39; jquery datatable中的按钮，每次用户点击它时都会传递行id，事情就是每次点击它时都会显示＆＃39; undefined＆＃39;我已经尝试了所有方法，但我仍然缺少一些东西！

这是我的代码：

function LoadDtPrimaryBottom(JsonData) {

debugger;

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

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

        { 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" />'; }

            'data': 'stu_ID',
            'render': function (data, type, row) {
                var id = $(this).data('stu_ID');
                return '<input id="btnEdit" type="button" onclick="myfunction(' + id + ')" value="Edit" />';
            }                  
        }               
    ],    
    data: JsonData
});


function myfunction(stu_ID){
debugger;
alert(stu_ID);

}

Answer 1

您的数据将直接出现在＆＃39;数据中。该函数的参数。

        'render': function (data, type, row) {
          console.log(data)

            return '<input id="btnEdit" type="button" onclick="myfunction(' + data + ')" value="Edit" />';
        }

您可以使用它来获取所需的ID。

如果您需要该对象的其他属性，则可以使用row。它给出了整个行对象

Answer 2

尝试以下代码：

'render': function (data, type, row) {
 var id =data;    // You can also write this line like var id =row[0];
 return '<input id="btnEdit" type="button" onclick="myfunction(' + id + ')" value="Edit" />';
 }

将jquery数据表的行ID通过列呈现传递给另一个函数

2 个答案: