blockly > टूलबॉक्स

टूलबॉक्स क्लास

टूलबॉक्स के लिए क्लास. टूलबॉक्स का DOM बनाता है.

हस्ताक्षर:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode 

बढ़ाया गया: DeleteArea

इस्तेमाल करता है: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

निर्माता

निर्माता	मॉडिफ़ायर	ब्यौरा
(constructor)(workspace)		Toolbox क्लास का नया इंस्टेंस बनाता है

प्रॉपर्टी

प्रॉपर्टी	मॉडिफ़ायर	टाइप	ब्यौरा
boundEvents_	protected	browserEvents.Data[]	इवेंट हैंडलर को अनबाइंड करने के लिए ज़रूरी जानकारी रखने वाला कलेक्शन. इसका इस्तेमाल, आइटम को हटाने के लिए किया जाता है. उदाहरण: [[node, name, func], [node, name, func]].
कॉन्टेंट	protected	Map<string, IToolboxItem>	आईडी से उससे जुड़े टूलबॉक्स आइटम पर मैप करें.
contentsDiv_	protected	HTMLDivElement | null	टूलबॉक्स के कॉन्टेंट के लिए एचटीएमएल कंटेनर.
height_	protected	संख्या	टूलबॉक्स की ऊंचाई.
HtmlDiv		HTMLDivElement | null	टूलबॉक्स के लिए एचटीएमएल कंटेनर.
id		स्ट्रिंग	इस कॉम्पोनेंट का यूनीक आईडी, जिसका इस्तेमाल ComponentManager के साथ रजिस्टर करने के लिए किया जाता है.
isVisible_	protected	बूलियन	टूलबॉक्स दिख रहा है या नहीं.
previouslySelectedItem_	protected	ISelectableToolboxItem | null	पहले चुना गया आइटम.
RTL		बूलियन
selectedItem_	protected	ISelectableToolboxItem | null	फ़िलहाल चुना गया आइटम.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	संख्या	टूलबॉक्स की चौड़ाई.
workspace_	protected readonly	WorkspaceSvg	वह फ़ाइल फ़ोल्डर जिसमें यह टूलबॉक्स मौजूद है.

तरीके

तरीका	मॉडिफ़ायर	ब्यौरा
addToolboxItem_(toolboxItem)	protected	टूलबॉक्स में कोई आइटम जोड़ता है.
attachEvents_(container, contentsContainer)	protected	टूलबॉक्स कंटेनर डिव में इवेंट लिसनर जोड़ता है.
autoHide(onlyClosePopups)		कॉम्पोनेंट को छिपाता है. WorkspaceSvg.hideChaff में कॉल किया जाता है.
canBeFocused()		IFocusableNode.canBeFocused देखें.
clearSelection()		पहले से चुने गए किसी भी आइटम को हाइलाइट नहीं करता.
createContainer_()	protected	टूलबॉक्स के लिए कंटेनर डिव बनाता है.
createContentsContainer_()	protected	टूलबॉक्स में मौजूद सभी कॉन्टेंट के लिए कंटेनर बनाता है.
createDom_(workspace)	protected	टूलबॉक्स के लिए DOM बनाता है.
createFlyout_()	protected	टूलबॉक्स लेआउट के आधार पर फ़्लायआउट बनाता है.
deselectItem_(item)	protected	यह दिए गए आइटम से चुने हुए का निशान हटाता है, उसे 'चुना नहीं गया' के तौर पर मार्क करता है, और aria स्टेटस को अपडेट करता है.
dispose()		इस टूलबॉक्स को हटा देता है.
getClientRect()		यह फ़ंक्शन, व्यूपोर्ट के हिसाब से पिक्सल यूनिट में, खींचे गए टारगेट एरिया के बॉउंडिंग रेक्टैंगल की जानकारी दिखाता है.
getFlyout()		टूलबॉक्स फ़्लाईआउट दिखाता है.
getFocusableElement()		IFocusableNode.getFocusableElement देखें.
getFocusableTree()		IFocusableNode.getFocusableTree देखें.
getHeight()		टूलबॉक्स की ऊंचाई दिखाता है.
getNestedTrees()		IFocusableTree.getNestedTrees देखें.
getPreviouslySelectedItem()		पहले चुना गया आइटम दिखाता है.
getRestoredFocusableNode(previousNode)		IFocusableTree.getRestoredFocusableNode देखें.
getRootFocusableNode()		IFocusableTree.getRootFocusableNode देखें.
getSelectedItem()		चुने गए आइटम को दिखाता है.
getToolboxItemById(id)		दिए गए आईडी वाला टूलबॉक्स आइटम दिखाता है.
getToolboxItems()		टूलबॉक्स में मौजूद आइटम दिखाता है.
getWidth()		टूलबॉक्स की चौड़ाई दिखाता है.
getWorkspace()		टूलबॉक्स के लिए वर्कस्पेस का पता लगाता है.
init()		टूलबॉक्स को शुरू करना
isHorizontal()		इससे पता चलता है कि टूलबॉक्स हॉरिज़ॉन्टल है या नहीं.
lookUpFocusableNode(id)		IFocusableTree.lookUpFocusableNode देखें.
onClick_(e)	protected	टूलबॉक्स या टूलबॉक्स आइटम पर क्लिक करने पर, क्लिक इवेंट को हैंडल करता है.
onDragEnter(_dragElement)		जब ब्लॉक या बबल वाला कर्सर, इस ड्रैग टारगेट में आता है, तब यह हैंडल काम करता है.
onDragExit(_dragElement)		जब ब्लॉक या बबल वाला कर्सर, इस ड्रैग टारगेट से बाहर निकलता है, तब यह हैंडल काम करता है.
onDrop(_dragElement)		जब इस कॉम्पोनेंट पर कोई ब्लॉक या बबल छोड़ा जाता है, तब इसे हैंडल किया जाता है. यहां मिटाने की सुविधा नहीं होनी चाहिए.
onKeyDown_(e)	protected	टूलबॉक्स के लिए, बटन दबाने से होने वाले इवेंट को मैनेज करता है.
onNodeBlur()		IFocusableNode.onNodeBlur देखें.
onNodeFocus()		IFocusableNode.onNodeFocus देखें.
onShortcut(_shortcut)		दिए गए कीबोर्ड शॉर्टकट को मैनेज करता है.
onTreeBlur(_nextTree)		IFocusableTree.onTreeBlur देखें.
onTreeFocus(node, _previousTree)		IFocusableTree.onTreeFocus देखें.
position()		यह इस बात के आधार पर टूलबॉक्स की पोज़िशन तय करता है कि यह हॉरिज़ॉन्टल टूलबॉक्स है या नहीं और वर्कस्पेस, राइट-टू-लेफ़्ट में है या नहीं.
refreshSelection()		फ़्लाईआउट को बंद किए बिना, उसका कॉन्टेंट अपडेट करता है. इसका इस्तेमाल, वैरिएबल या प्रोसेस जैसी डाइनैमिक कैटगरी में होने वाले बदलाव के जवाब में किया जाना चाहिए.
renderContents_(toolboxDef)	protected	टूलबॉक्स में सभी आइटम जोड़ता है.
selectItem_(oldItem, newItem)	protected	दिए गए आइटम को चुनता है, उसे चुने हुए के तौर पर मार्क करता है, और aria स्टेटस को अपडेट करता है.
selectItemByPosition(position)		टूलबॉक्स आइटम की सूची में मौजूद जगह के हिसाब से, टूलबॉक्स आइटम चुनता है.
setSelectedItem(newItem)		दिए गए आइटम को चुने गए के तौर पर सेट करता है. अगर आइटम को नहीं चुना जा सकता, तो कोई कार्रवाई नहीं की जाएगी.
setVisible(isVisible)		टूलबॉक्स को दिखाता या छिपाता है.
shouldDeselectItem_(oldItem, newItem)	protected	यह तय करता है कि पुराने आइटम से चुने हुए का निशान हटाया जाए या नहीं.
shouldSelectItem_(oldItem, newItem)	protected	यह तय करता है कि नया आइटम चुना जाना चाहिए या नहीं.
updateCursorDeleteStyle_(addStyle)	protected	टूलबॉक्स पर कर्सर की सीएसएस स्टाइल जोड़ता है या हटाता है. यह इस बात पर निर्भर करता है कि उस पर मौजूद ब्लॉक या बबल को ड्रॉप करने पर, उसे मिटाया जाएगा या नहीं. इसके लिए, इंटरनल this.wouldDelete_ प्रॉपर्टी का इस्तेमाल किया जाता है.
updateFlyout_(oldItem, newItem)	protected	चुने गए आइटम के आधार पर, फ़्लाईआउट को छिपाने या दिखाने का फ़ैसला करता है.
updateWouldDelete_(wouldDelete)	protected	इंटरनल wouldDelete_ स्टेटस को अपडेट करता है.
wouldDelete(element)		यह बताता है कि दिए गए ब्लॉक या बबल को इस जगह पर छोड़ने पर, उसे मिटाया जाएगा या नहीं. इस तरीके से यह जांच की जानी चाहिए कि एलिमेंट को मिटाया जा सकता है या नहीं. साथ ही, इसे हमेशा onDragEnter/onDragOver/onDragExit से पहले कॉल किया जाना चाहिए.