jQuery datatables：测试数据表插件是否已初始化

Question

我想检查 id="datatable" 的表元素是否已数据表初始化。像这样的事情：

if ($('#datatable').dataTable().initialized) {
  alert("initialized!");
}
else {
      alert("not initialized!");
    }

我怎样才能做到这一点？ 谢谢！

Answer 1

您可以使用 jQuery datatable 中的 fnIsDataTable 函数，

var ex = document.getElementById('example');
if ( ! $.fn.DataTable.fnIsDataTable( ex ) ) {
  $(ex).dataTable();
}

您可以在 api 中找到更多信息

Answer 2

首先，在初始化数据表时添加一个特殊的类名：

$('.datatable').not('.initialized').addClass('initialized').dataTable()

现在您可以通过类名来区分它们：

alert( $('#datatable').hasClass('initialized') )

Answer 3

我觉得以下是对此问题的正确答案。

$(document).ready(function(){
    if (jQuery().dataTable) {
         // your code to do some detaul set ups 
    }
});

例如，

$(document).ready(function(){
    if (jQuery().dataTable) {

            $.extend( $.fn.dataTable.defaults, {
                iDisplayLength : 200,
                aLengthMenu : [[100, 200, 300, -1], [100, 200, 300, "All"]],
            });
        }
});

通过这种方式，您 if(jQuery().) 应该能够检查是否加载了任何库。

Answer 4

Datatable 有一个方法来检查元素是否已初始化为数据表 - $.fn.DataTable.fnIsDataTable

tableElement = document.getElementById('your table ID');
$.fn.DataTable.fnIsDataTable(tableElement); // returns true or false

Answer 5

调用 .dataTable() 后，它会对表执行任何操作以使其可识别吗？即它是否添加了一个新类“初始化”或类似的东西？如果是这样，您可以像这样循环浏览这些项目：

$('.datatable').each(
    function(index, element) {
        var _table = $(element);
        if (_table.hasClass('initialised')) {
            // Do stuff
        } else {
            // Do stuff
        }
    }
);

如果这不是您的意思，请道歉。您的问题不清楚“dataTable()”实际上是做什么的。

Answer 6

我已经使用callback()函数在我的场景中执行相同的操作。考虑将其作为另一种方法共享，

/* During Initialization */
var isTableInitialized = false;
$('#datatable').dataTable({/* your dataTable configurations*/},initializeDT());

/* Implement a callback function to set the value */
function initializeDT() {
    isTableInitialized = true;
}

稍后在代码中..

/* Checking for Initialization is easier*/
if(isTableInitialized) {
    /* Do something here */
} else {
    /* Do something here */
}

Answer 7

这对我有用。

    $(document).ready(function() {
    if (jQuery().dataTable) {
        $.extend( $.fn.dataTable.defaults, {
            /*some default settings*/
        });
    }

    $('#myDataTable').DataTable();
});