Question

我已经在文档就绪服务器端处理上成功初始化了一个jquery数据表。现在我需要在单击复选框时显示相同的数据表。我怎么能这样做？

这是我的代码：

$(function(){
    var oTable = $('#example1').dataTable({
            //"bAutoWidth":true,
            "bDestroy":true,
            "bRetrieve": true,
            "bProcessing": true,
            "bServerSide": true,
            "bStateSave": true,
            "sAjaxSource": "/alldata/",

         });

现在当我点击一个复选框时，我需要显示相同的表格。

$("#allid").click(function()
{ 
    if ($('#allid').is(':checked')){
        oTable.fnClearTable( 0 );
        oTable.fnDraw();
   }
});

我已经尝试过以上方式，但它不起作用，请建议我怎么做？

Answer 1

试试这个：

$(function () {                     
    var trigger $("#allid");
    trigger.on("click", function() {
        if ($('#allid').is(':checked')) {
            oTable.fnClearTable( 0 );
            oTable.fnDraw();
            console.log("should display the table now");
        } else {
            console.log("some error");
        }   
    }); 
});

如果这不起作用，请尝试使用try catch块，如下所示：

$(function () {
    try {
        var trigger $("#allid");
        trigger.on("click", function() {
            if ($('#allid').is(':checked')) {
                oTable.fnClearTable( 0 );
                oTable.fnDraw();
                console.log("should display the table now");
            }
       });
    } catch(e) {
        console.log(e);
    }   
});

打开开发人员控制台并在刷新页面时等待任何消息。粘贴错误。

如何在单击复选框时检索现有的jquery数据表（在准备好的文档上初始化）

1 个答案: