DC.js 禁用选择菜单

Question

我有两个 selectMenus，我希望在用户与 selectMenu 1 交互之前禁用 selectMenu 2。

如何在这种情况下禁用 dc.js - selectMenu？

Answer 1

第一次渲染后，我将使用 disabled attribute 禁用第二个 selectMenu。您必须等到它被渲染，因为在此之前，select 元素不存在。

然后，在 filtered 事件中，我将重新启用它。

Here's a demo with three selectMenus.

相关代码：

  dc.renderAll();

  select2.select('select').attr('disabled', 'disabled');
  select3.select('select').attr('disabled', 'disabled');

  select1.on('filtered.enable', function() {
    select2.select('select').attr('disabled', null);
  });
  select2.on('filtered.enable', function() {
    select3.select('select').attr('disabled', null);
  });

（"select" 这个词的不同用法够多了吗？）