停用、隱藏或展開類別

你可以停用、隱藏或展開類別。

停用類別

停用的類別無法開啟，且在鍵盤導覽時會略過。

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>