编辑
在Rory McCrossan指示之后，我更改了代码以获取此信息：
var backNext = [
{
text: "<",
action: function (e) {
this.submit( function () {
}, null, null, false );
table.on( 'draw', function () {
var indexes = table.rows( {search: 'applied'} ).indexes();
var currentIndex = table.row( {selected: true} ).index();
var currentPosition = indexes.indexOf( currentIndex );
if ( currentPosition > 0 ) {
var prev;
for (let i = currentPosition; i > 0; i--){
if(table.row(i-1).data()["Date"] === ""){
prev = i-1;
break;
}
}
if(prev !== undefined){
table.row( currentIndex ).deselect();
table.row( indexes[ prev ] ).select();
}
}
// Trigger editing through the button
table.button( 0 ).trigger();
});
}
},
'Enregistrer',
{
text: ">",
action: function (e) {
this.submit( function() {
}, null, null, false );
table.on( 'draw', function () {
var currentIndex = table.row( {selected: true} ).index();
var currentPosition = indexes.indexOf( currentIndex );
var indexes = table.rows( {search: 'applied'} ).indexes();
if ( currentPosition < indexes.length-1 ) {
var next = 0;
for (let i = currentPosition; i < indexes.length-1; i++){
if(table.row(i+1).data()["Date"] === ""){
next = i+1;
break;
}
}
if (next !== 0){
table.row( currentIndex ).deselect();
table.row( indexes[ next ] ).select();
}
}
// Trigger editing through the button
table.button( 0 ).trigger();
});
}
}
];
它有效，但是行var currentPosition = indexes.indexOf( currentIndex );导致错误Uncaught TypeError: Cannot read property 'indexOf' of undefined。我认为这是因为代码是在此上下文之外执行的。因此，对解决此问题的任何帮助将不胜感激。
我当前正在使用数据表的previous / next editing选项。数据从服务器加载并由ajax发送。特殊之处在于，在编辑数据时，表的结构可能会更改（可能会添加其他行）。
示例：
| No. | Name | Qty | Expiration Date | Balance |
1 Books 10 "" 10
2 Pens 5 "" 5
当我通过提供数据{'Name': 'Books', 'Qty': 6, 'Expiration Date': 11/2022}编辑第一行时。行数更改：
| No. | Name | Qty | Expiration Date | Balance |
1 Books 4 "" 4
2 Books 6 11/2022 0
3 Pens 5 "" 5
这是我的代码的结构：
// Buttons array definition to create previous, save and next buttons in
// an Editor form
var backNext = [
{
text: "<",
action: function (e) {
// On submit, find the currently selected row and select the previous one
this.submit( function () {
}).done( function (){
var indexes = table.rows( {search: 'applied'} ).indexes();
var currentIndex = table.row( {selected: true} ).index();
var currentPosition = indexes.indexOf( currentIndex );
if ( currentPosition > 0 ) {
var prev;
for (let i = currentPosition; i > 0; i--){
if(table.row(i-1).data()["Date"] === ""){
prev = i-1;
break;
}
}
if(prev !== undefined){
table.row( currentIndex ).deselect();
table.row( indexes[ prev ] ).select();
}
}
// Trigger editing through the button
table.button( 0 ).trigger();
});
}
},
'Save',
{
text: ">",
action: function (e) {
this.submit( function() {
}).done( function (){
var currentIndex = table.row( {selected: true} ).index();
var currentPosition = this.indexes.indexOf( currentIndex );
var indexes = table.rows( {search: 'applied'} ).indexes();
if ( currentPosition < indexes.length-1 ) {
var next = 0;
for (let i = currentPosition; i < indexes.length-1; i++){
if(table.row(i+1).data()["Date"] === ""){
next = i+1;
break;
}
}
if (next !== 0){
table.row( currentIndex ).deselect();
table.row( indexes[ next ] ).select();
}
}
// Trigger editing through the button
table.button( 0 ).trigger();
});
}
}
];
该代码应该做什么：
当我按下next或previous按钮时，我必须转到下一个/上一行，，但仅当到期日期为空时。
在上面的示例中，在编辑了第1行之后，next按钮必须通过跳过第二行将我带到第三行。
现在的问题是Ajax是异步的，这意味着通过在数据表站点上提供示例，索引的恢复和当前位置仅考虑表的先前结构。不考虑新行。这就是为什么我添加了done方法，以等待ajax请求完成和表被重绘，以检索索引和当前位置。
但是我的代码无法正常工作。我收到错误Uncaught TypeError: this.submit(...).done is not a function。
如何解决这个问题？