停用、隐藏或展开类别

您可以停用、隐藏或展开类别。

停用类别

如果某个类别处于停用状态,用户将无法打开该类别,并且在键盘导航期间系统会跳过该类别。

var category = toolbox.getToolboxItems()[0];
category.setDisabled('true');

当某个类别被停用时,系统会向 DOM 元素添加 'disabled' 属性,以便您控制停用类别的外观。

.blocklyToolboxCategoryContainer[disabled="true"] {
  opacity: .5;
}

隐藏类别

隐藏的类别不会显示在工具箱中。

JSON

{
  "kind": "category",
  "name": "...",
  "hidden": "true",
}

XML

<category name="..." hidden="true"></category>

隐藏的类别稍后可通过 JavaScript 显示。

var category = toolbox.getToolboxItems()[0];
category.hide();
// etc...
category.show();

展开类别

这仅适用于包含其他嵌套类别的类别。

展开的类别会显示其子类别。默认情况下,嵌套类别处于收起状态,需要点击才能展开。

JSON

{
  "kind": "category",
  "name": "...",
  "expanded": "true",
}

XML

<category name="..." expanded="true"></category>