默认不工作在jQuery datatable -1.10.7

DataTable.defaults not working in jQuery DataTables-1.10.7

本文关键字:datatable jQuery 工作 默认      更新时间:2023-09-26

我在这里使用这个插件https://www.datatables.net/以及jQuery.2.1.4.

我也试图利用https://www.datatables.net/manual/styling/jqueryui和https://jqueryui.com/提供的功能

但是我一直得到以下错误

Uncaught TypeError: Cannot read property 'defaults of undefined

抛出错误的代码在&它在java-script文件" datatable .jqueryui.js",我从这里下载https://www.datatables.net/manual/styling/jqueryui

/* Set the defaults for DataTables initialisation */
$.extend( true, DataTable.defaults, {
    dom:
        '<"'+toolbar_prefix+'tl ui-corner-tr"lfr>'+
        't'+
        '<"'+toolbar_prefix+'bl ui-corner-br"ip>',
    renderer: 'jqueryui'
} );

编辑:下面是我如何初始化我的表

var oTable;
function TableSorter(arr) {
    if (arr == 'Custome') {
        oTable = $('#myDefaultTable').dataTable({
            "bJQueryUI": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
        });
    }
    else if (arr == null) {
        oTable = $('#myDefaultTable').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
        });
    }
    else {
        oTable = $('#myDefaultTable').dataTable({
            "bJQueryUI": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "aoColumnDefs": [{ "bSortable": false, "aTargets": arr }],
            "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
        });
    }
};

问题是由于在"jquery. datatable .js"之前加载"jquery-ui.js"引起的。

我修改了我的@Scripts.Render(")顺序在我的共享视图中,使"jquery.dataTables.js"在"jquery-ui.js"之前加载,解决了这个问题。