Question

我正在使用datatables.net库创建表。我正在做服务器端手册。

我创建了一个GetReportTable函数，该函数使用datatables.net创建并填充了表格。页面加载时出现此错误。即使在开发人员工具中显示错误，也不会影响功能。

这是错误消息“未捕获的TypeError：reportTable.column（...）。search（...）。column不是函数在GetReportDetailsData（Report：368）” 我在代码中发现了错误的问题。调用该函数获取绘制表时，我没有传递列和搜索值。

现在已解决。请关闭此线程。谢谢。

 $('#ReportDetailsDiv').ready(function () {
        itemType = $('#selectedItemType').data('itemtype');
        projType = $('#selectedStoreType').data('storetype');
        month = $('#selectedMonth').data('month')
        year = $('#selectedYear').data('year');


        **GetReportDetailsData(token, itemType, projType, month, year);**

    })



    $('#btnReportFilter').on('click', function (e) {
        event.preventDefault();
        itemType = $('#selectedItemType').data('itemtype');
        projType = $('#selectedStoreType').data('storetype');
        month = $('#selectedMonth').data('month')
        year = $('#selectedYear').data('year');

        var colStore = $('#searchOpenItemByStoreId').attr('data-column');
        var colItem = $('#searchOpenItemByItemId').attr('data-column');

        var valStore = $('#searchOpenItemByStoreId').val().toLowerCase();
        var valItem = $('#searchOpenItemByItemId').val().toLowerCase();

        GetReportDetailsData(token, itemType, projType, month, year, colStore, valStore, colItem, valItem);

    })


    var GetReportDetailsData = function (token, itemType, projType, month, year, colStore, valStore, colItem, valItem) {


        $.fn.dataTable.ext.errMode = 'none';

        var ReportDetailsDivToUpdate = $('#ReportDetailsDiv');

        ReportDetailsDivToUpdate.html("");

        var table = '';
        table += ' <table> all table markup is here</table>';

        ReportDetailsDivToUpdate.html(table);


        //server side

        var reportTable = $('#reportTable').DataTable({
            "ajax": {
                url: "my url",
                headers: { "__requestverificationtoken": token },
                type: "POST",
                data: {
                    //all data are here                },
                datatype: "json"
            },
            "columns": [
                   //all column objects are here
            ],
            lengthMenu: [[200, 500, 1000], [200, 500, 1000]],
            responsive: true,
            order: [0, "asc"],
            paging: true,
            fixedHeader: true,
            autoWidth: false,
            responsive: true,
            serverSide: true,
            dom: "<'row'<'col-sm-6'l><'col-sm-3'i><'col-sm-3'p>>" +
                 "<'row'<'col-sm-12'tr>>"
        });


        $("select[name='myTable_length']").addClass('selectShowEntries');


        reportTable.column(colItem).search(valItem).column(colStore).search(valStore).draw();


    }```

使用jquery datatables.net时table.column（）。search（）。draw（）不是函数错误

0 个答案: