Datatables.net Internet Explorer 的行重新排序问题

Question

我有一个 .Net Core 3.1 mvc 应用程序，它在初始页面加载后加载了部分内容。在该部分中，有一个 Datatables.net table 正在使用 datatables.net-rowreorder/js/dataTables.rowReorder.min.js 库。

这在 firefox/chrome 中工作正常，但在 IE 11 中出现错误

SCRIPT1010: Expected identifier
jquery.js (328,5)

并且我已将其缩小到我的数据上的事件侦听器table，但我不确定如何解决 IE。

这是我局部视图中的javascript。

$(document).ready(function () {
    var categories = JSON.parse('@Html.Raw(Json.Serialize(Model))');
    categoryTable = $('#categoryTable').DataTable({
        dom: 't',
        data: categories,
        paging: false,
        autoWidth: false,
        rowId: 'id',
        rowReorder: {
            selector: 'tr',
            dataSrc: 'order'
        },
        columns: [
            // code here
        ]
    });

    categorytable.on('row-reorder', function (e, diff, edit) {
        for (let [key, value] of object.entries(edit.values)) {
            $.get("/controller/action?id=" + key + "&newordervalue=" + value);
        }
    });
});

最后一部分是抛出错误并导致整个 table 无法呈现的部分。

如果有人知道为什么这是 IE 中的问题，我们将不胜感激。

Answer 1

以下语法适用于 IE 和 chrome

categoryTable.on('row-reorder', function (e, diff, edit) {
    var result = 'Reorder started on row: '+edit.triggerRow.data().description+'<br>';
    console.log(result);

    for ( var i=0, ien=diff.length ; i<ien ; i++ ) {
        var rowData = categoryTable.row( diff[i].node ).data();
        var result = rowData.description+' updated to be in position '+
            diff[i].newData + ' (was ' + diff[i].oldData + ')<br>';

        console.log(result);
    }
});

https://datatables.net/extensions/rowreorder/examples/initialisation/events.html

Datatables.net Internet Explorer 的行重新排序问题

Datatables.net rowreorder issue with internet explorer

javascript

internet-explorer

datatables

asp.net-core