blockly > Toolbox

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

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

हस्ताक्षर:

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

Extends: 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 यह टूलबॉक्स कंटेनर div में इवेंट लिसनर जोड़ता है.
autoHide(onlyClosePopups) इससे कॉम्पोनेंट छिप जाता है. इसे WorkspaceSvg.hideChaff में कॉल किया जाता है.
canBeFocused() IFocusableNode.canBeFocused देखें.
clearSelection() इससे पहले से चुने गए किसी भी आइटम से हाइलाइट हटाने में मदद मिलती है.
createContainer_() protected यह टूलबॉक्स के लिए कंटेनर div बनाता है.
createContentsContainer_() protected यह कुकी, टूलबॉक्स में मौजूद सभी कॉन्टेंट के लिए कंटेनर बनाती है.
createDom_(workspace) protected यह टूलबॉक्स के लिए DOM बनाता है.
createFlyout_() protected यह टूलबॉक्स के लेआउट के आधार पर फ़्लायआउट बनाता है.
deselectItem_(item) protected यह फ़ंक्शन, दिए गए आइटम से चुने गए का निशान हटाता है. साथ ही, इसे 'नहीं चुना गया' के तौर पर मार्क करता है और ऐरिया की स्थिति को अपडेट करता है.
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 यह कुकी, टूलबॉक्स के लिए key down इवेंट को मैनेज करती है.
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 यह फ़ंक्शन, दिए गए आइटम को चुनता है, उसे चुने गए के तौर पर मार्क करता है, और ऐरिया की स्थिति को अपडेट करता है.
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 से पहले कॉल किया जाना चाहिए.