javascript - 数据表，如果在选项内

Question

有没有办法可以使用 javascript 启用/禁用数据表选项中的 deferLoading ？根据一些用户选择，我希望能够让表格在页面刷新时显示结果，或者等到用户从过滤器中选择某些内容。

假设我有这个数据表。

function initTestTable(){
    myTable =  $('#testTable').DataTable({
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "request.php?action=list",
    ......
 });
}

我想做的是这样的:(我知道这是错的)

    //so basically if dontShow is 1 then the datatable wont show anything
    var dontShow = 1;

    function initTestTable(){
        myTable =  $('#testTable').DataTable({
        "bProcessing": true,
        "bServerSide": true,
        if (dontShow === 1){
        "deferLoading": 0,
        }
        "sAjaxSource": "request.php?action=list",
        ......
     });
    }

Answer 1

不要让 Datatable 或 jQuery 迷惑您，您的问题不在于它们。您的问题只是如何根据某些条件创建具有一组键的对象。

问题的这一部分，需要明确的是:

{
    "bProcessing": true,
    "bServerSide": true,
    if (dontShow === 1){
    "deferLoading": 0,
    }
    "sAjaxSource": "request.php?action=list",
    ......
 }

现在我们把注意力集中在问题上，我想解决起来会更容易。您只需创建一个具有取决于条件的属性的对象。一个非常普通且简单的解决方案是:

data = {
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "request.php?action=list",
    ......
}

if (dontShow === 1){
    data.deferLoading = 0
}

然后，您只需将该 data 对象提供给 Datatable 构造函数 $('#testTable').DataTable(data) 即可完成。