একটি বিভাগ টুলবক্স সংজ্ঞায়িত করুন

একটি বিভাগ টুলবক্সে একাধিক সেট ব্লক রয়েছে যা বিভিন্ন বিভাগে সাজানো হয়েছে।

কন্ট্রোল এবং লজিক বিভাগ সহ একটি বিভাগ টুলবক্স। লজিক ক্যাটাগরি হল খোলা এবং ফ্লাইআউট টুলবক্সে তুলনা, এবং-বা, এবং সত্য-মিথ্যা রয়েছে ব্লক

একটি বিভাগ টুলবক্স তৈরি করতে, কনফিগারেশন বিকল্পগুলির toolbox বৈশিষ্ট্যে টুলবক্সের বর্ণনা করে JSON বা XML পাস করুন।

JSON

var toolbox = {
    "kind": "categoryToolbox",
    "contents": [
      {
        "kind": "category",
        "name": "Control",
        "contents": [
          {
            "kind": "block",
            "type": "controls_if"
          },
        ]
      },
      {
        "kind": "category",
        "name": "Logic",
        "contents": [
          {
            "kind": "block",
            "type": "logic_compare"
          },
          {
            "kind": "block",
            "type": "logic_operation"
          },
          {
            "kind": "block",
            "type": "logic_boolean"
          }
        ]
      }
    ]
  };
var workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});

এক্সএমএল

<xml id="toolbox" style="display: none">
  <category name="Control">
    <block type="controls_if"></block>
  </category>
  <category name="Logic">
    <block type="logic_compare"></block>
    <block type="logic_operation"></block>
    <block type="logic_boolean"></block>
  </category>
</xml>
<script>
  var workspace = Blockly.inject('blocklyDiv',
      {toolbox: document.getElementById('toolbox')});
</script>

XML স্ট্রিং

var toolbox = '<xml id="toolbox" style="display: none">' +
    '<category name="Control">' +
    '<block type="controls_if"></block>' +
    '</category>' +
    '<category name="Logic">' +
    '<block type="logic_compare"></block>' +
    '<block type="logic_operation"></block>' +
    '<block type="logic_boolean"></block>' +
    '</category>' +
    '</xml>';
var workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});