Tắt, ẩn hoặc mở rộng danh mục

Bạn có thể tắt, ẩn hoặc mở rộng danh mục.

Tắt danh mục

Danh mục bị vô hiệu hoá sẽ không cho phép người dùng mở danh mục đó và danh mục đó sẽ bị bỏ qua trong quá trình điều hướng bằng bàn phím.

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

Khi một danh mục bị vô hiệu hoá, thuộc tính 'disabled' sẽ được thêm vào phần tử DOM, cho phép bạn kiểm soát giao diện của danh mục bị vô hiệu hoá.

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

Ẩn danh mục

Một danh mục bị ẩn sẽ không xuất hiện trong hộp công cụ.

JSON

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

XML

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

Sau này, bạn có thể hiển thị các danh mục bị ẩn thông qua JavaScript.

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

Mở rộng danh mục

Điều này chỉ áp dụng cho những danh mục có chứa các danh mục lồng nhau khác.

Một danh mục mở rộng sẽ cho bạn thấy các danh mục phụ của danh mục đó. Theo mặc định, các danh mục lồng nhau sẽ được thu gọn và bạn cần nhấp vào để mở rộng.

JSON

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

XML

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