dataTables按钮集合:以编程方式启用/禁用嵌套按钮

时间:2016-06-16 15:27:43

标签: javascript jquery datatable

我正在使用jQuery DataTable。在顶部,有许多按钮最终将为所选行调用不同的操作。 其中两个按钮实际上包含一组按钮。 只应在某些条件下启用这些按钮,具体取决于所选的行。 主要按钮非常容易启用/禁用,如示例https://datatables.net/extensions/buttons/examples/api/enable.html

中所示
$(document).ready(function() {
  var table = $('#example').DataTable({
    dom: 'Bfrtip',
    select: true,
    buttons: [{
      text: 'Action1',
      enabled: false
    }, {
      text: 'More actions',
      enabled: false,
      extend: 'collection',
      buttons: [{
        text: 'Sub-action1',
        enable: false
      }, {
        text: 'Sub-action2',
        enable: false
      }]
    }, {
      text: 'Action2'
      enable: true
    }]
  });
});

要启用Action1或Action2,我只需使用其索引位置:

table.button(0).enable(condition); // Changes Action1
table.button(2).enable(condition); // Changes Action2

但我还需要启用/禁用集合中的按钮。在此示例中:Sub-Action1和Sub-Action2。 我如何访问这些?

1 个答案:

答案 0 :(得分:1)

嘿,请参阅此链接: - https://datatables.net/reference/type/button-selector

这可能会有所帮助!