gpt4 book ai didi

JQuery DataTables mRender - 如何获取行 ID?

转载 作者:行者123 更新时间:2023-12-01 00:06:50 27 4
gpt4 key购买 nike

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

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

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);
});

最佳答案

好的,我找到了解决方法。尽管这不是完美的解决方案,但它确实有效。我现在将网格中的总行数作为 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);
});

我仍然想知道:是否可以从 mRender 函数中获取当前行索引?如何做到这一点?

关于JQuery DataTables mRender - 如何获取行 ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15919723/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com