如何禁用DataTables/TableTools按钮

Question

我正在使用DataTable 1.10和TableTools 2.2.1。 给定以下片段，我想禁用/启用编辑按钮。

var myTable = $("#myTable ").DataTable({
tableTools : {
    "aButtons" : [ {
        "sExtends" : "text",
        "sButtonText" : "Edit",
        "fnClick" : function(nButton, oConfig, oFlash) {
            /* some stuff */    
        }
    }]
  }
})

是否有在运行时完成这个操作的可能性？

非常感谢。

- thowa

Answer 1

这是一个好问题！看起来在代码中的fnClick函数是关键。

dataTable.tabletools().fnSettings().buttonSet[id].fnClick 

这里的 only 只是一个指向存储在其他地方的事件的引用，不可访问（更改API上的 fnClick 不会产生影响）。但是，你可以使用预定义的类 DTTT_disabled 并在你的 fnClick 处理程序中检查它：

var dataTable = $("#example").DataTable({
   sDom: 'TC',
   oTableTools : {
       aButtons : [{
            sExtends : "text",
            sButtonText : "Edit",
            fnClick :  function(nButton, oConfig, oFlash) {
                 if ($(nButton).hasClass('DTTT_disabled')) return;
                 alert('edit button clicked');
            }
       }]  
  }
});

举个例子，有一个复选框可以启用或禁用按钮:

$("#enable").click(function() {
    if ($(this).is(':checked')) {
        $('.DTTT_button_text').removeClass('DTTT_disabled');
    } else {
        $('.DTTT_button_text').addClass('DTTT_disabled');
    }
});

see demo -> http://jsfiddle.net/ev2N2/

- davidkonrad