JS Datatable视图上一行

时间:2015-05-18 15:51:17

标签: javascript jquery jquery-datatables

尝试查看/选择数据表中的上一行。

在顶部定义的事件中,我有:

"click #viewPrevious" : "viewPrevious",

因此,当单击我的viewPrevious按钮时,将调用该函数。

my viewPrevious function:

this.clearInputOverlay();
var rowData = this.table.row(this.selectedRow-1).data();
for(i = 0; i < rowData.length; i++) {
    $('#input' + i).val(rowData[i]);
}

这允许我查看上一行中的数据并将其显示在人物可以编辑/滚动行的叠加弹出窗口中。但是,为了能够不断点击此按钮以便您可以查看以前的行,直到不再有 - 我需要实际标记所选的新行,以便稍后我们回到此功能时,this.selectedRow将会更新并且您可以继续查看以前的节点。

所以现在我正在尝试添加一些功能:

var rowIndex = this.table.row(this.selectedRow).index();

获取当前行,因此我可以取消选择此行并使用.addClass('selected')方法选择上一行。

但是,我无法弄清楚如何获取/修改DataTable中的一个特定行: 以下是我尝试但未奏效的尝试:

//attempt 1
this.table.row(this.selectedRow).addClass('selected');

//attempt 2
$('#dataTable tbody tr').row(this.selectedRow).addClass('selected')

//attempt 3
this.table.row(rowIndex-1).addClass('selected');

//attempt 4
$('dataTable tbody tr').row(rowIndex).addClass('selected');

语法错误或概念误解?!请帮忙!谢谢!

1 个答案:

答案 0 :(得分:0)

使用JQuery .prev()

var current = $('。selected'); current.prev()addClass( '选择');