JQuery DataTables mRender - 如何获取行 ID？

JQuery DataTables mRender - how do I get the row ID?

提问by elizabethmeyer

With the JQuery DataTables plugin I am using mRender to add buttons to my dynamically added rows. This part works great, but how can I get the rowID of the current row the buttons are added to? I need this to create unique IDs for the buttons.

使用 JQuery DataTables 插件，我使用 mRender 将按钮添加到我动态添加的行。这部分效果很好，但是如何获取按钮添加到的当前行的 rowID？我需要这个来为按钮创建唯一的 ID。

What do I need to use in place of ???? in the code below?

我需要用什么来代替？？？在下面的代码中？

JavaScript:

JavaScript：

    $('#example').dataTable({
        "aoColumns": [
        { "sTitle": "Person", "mData": "Person" },
        {
            "sTitle": "Buttons", "mData": "Buttons", "mRender": function () {
                var rowID = ?????;
                btnD = '<button id="btnDepth' + rowID + '" data-keyindex="' + rowID + '" data-type="Depth" data-action="Show" class="addDepthGraph" title="Show Depth">D</button>';
                btnG = '<button id="btnGraph' + rowID + '" data-keyindex="' + rowID + '" data-type="Graph"  data-action="Show" class="addDepthGraph" title="Show Graph">G</button>';

                var returnButton = btnD + btnG;
                return returnButton;
            }
        }
        ],
        "bPaginate": false
    });

    $("#addRowOptions").click(function () {
        rowindex = $('#example').dataTable().fnGetData().length;
        obj = [{Person:'PersonA', Buttons: ''}];
        $('#example').dataTable().fnAddData(obj);
    });

采纳答案by elizabethmeyer

Okay, I've found a work around. Although this is not the perfect solution, it does work. I am now passing the total number of rows in the grid through to the mRender function as the rowID.

好的，我找到了解决办法。虽然这不是完美的解决方案，但它确实有效。我现在将网格中的总行数作为 rowID 传递给 mRender 函数。

$('#example').dataTable({
    "aoColumns": [
    { "sTitle": "Person", "mData": "Person" },
    {
        "sTitle": "Buttons", "mData": "Buttons", "mRender": function (rowIndex) {
            alert(rowindex);
            btnD = '<button id="btnDepth' + rowindex + '" data-keyindex="' + rowindex + '" data-type="Depth" data-action="Show" class="addDepthGraph" title="Show Depth">D</button>';
            btnG = '<button id="btnGraph' + rowindex + '" data-keyindex="' + rowindex + '" data-type="Graph"  data-action="Show" class="addDepthGraph" title="Show Graph">G</button>';
            var returnButton = btnD + btnG;
            return returnButton;
        }
    }
    ],
    "bPaginate": false
});


$("#addRowOptions").click(function () {
    rowindex = $('#example').dataTable().fnGetData().length;
    obj = [{Person:'PersonA', Buttons: rowindex}];
    $('#example').dataTable().fnAddData(obj);
});

I would still like to know: Is it possible to get the current row index from within the mRender function? And how would one do that?

我仍然想知道：是否可以从 mRender 函数中获取当前行索引？怎么做呢？

回答by Marc

This pagehas exactly what you need if you're using DT_RowIdserverside

如果您使用DT_RowId服务器端，此页面正是您所需要的

Code:

代码：

"mRender": function ( data, type, full ) {
                                    return '<a href="?action=student_report&studentUID='+ full.DT_RowId + '">' + data + '</a>';