无法重新初始化 JQuery 数据表 [英] Cannot reinitialise JQuery DataTable

问题描述

我使用 jquery 数据表来显示网格内的数据.在初始化页面加载脚本中使用 DateTime.Today 并进一步处理它们，问题是在初始化页面加载之后，当我试图让用户输入日期进行进一步处理时.我有以下错误.

I'm using jquery datatables to display data inside grid. On init page load script take DateTime.Today and process them further, problem is after init page load, when I'm trying to take users input date for further process. I'm having following error.

DataTables 警告(表 ID = 'dataTable'):无法重新初始化 DataTable.要检索此表的 DataTables 对象，请不传递任何参数或查看 bRetrieve 和 bDestroy 的文档

function getDate() {
    var date = $('input[name="myDate"]').val();
    return date;
}

$('#myDate').click(updateDate);

function updateDate() { 
    $('#dataTable').dataTable({
        "bServerSide": true,
        "sAjaxSource": "/Home/Ajax",
        "fnServerParams": function (aoData) {
            var date = getDate();
            aoData.push({ "name": "myDate", "value": date });
        },
        //... there's more
}

updateDate();

脚本放在页面底部.

推荐答案

尝试将 "bDestroy": true 添加到选项对象字面量中，例如

Try adding "bDestroy": true to the options object literal, e.g.

$('#dataTable').dataTable({
    "bServerSide": true,
    ....
    "bDestroy": true
});

这篇关于无法重新初始化 JQuery 数据表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！