جعبه ابزار دسته دارای چندین مجموعه بلوک است که در دسته های مختلف مرتب شده اند.
برای ایجاد جعبه ابزار دسته، JSON یا XML را که جعبه ابزار را توصیف می کند به ویژگی toolbox
گزینه های پیکربندی منتقل کنید.
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
<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});