टूलबॉक्स क्लास
टूलबॉक्स के लिए क्लास. यह टूलबॉक्स का 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_ |
|
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 से पहले कॉल किया जाना चाहिए. |