टूलबॉक्स क्लास
टूलबॉक्स के लिए क्लास. टूलबॉक्स का DOM बनाता है.
हस्ताक्षर:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
बढ़ावा देना: DeleteArea
लागू करने का तरीका: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
कंस्ट्रक्टर
निर्माता | मॉडिफ़ायर | ब्यौरा |
---|---|---|
(कंस्ट्रक्टर)(वर्कस्पेस) | Toolbox क्लास का एक नया इंस्टेंस बनाता है |
प्रॉपर्टी
प्रॉपर्टी | मॉडिफ़ायर | Type | ब्यौरा |
---|---|---|---|
boundEvents_ | protected |
browserEvents.Data[] | इवेंट हैंडलर को अनबाइंड करने के लिए ज़रूरी ऐरे होल्डिंग की जानकारी. डिस्पोज़ करने के लिए इस्तेमाल किया जाता है. उदाहरण: [[नोड, नाम, फ़ंक], [नोड, नाम, फ़ंक]]. |
contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
contents_ | protected |
IToolboxItem[] | टूलबॉक्स में आइटम की सूची. |
contentsDiv_ | protected |
HTMLDiv एलिमेंट | शून्य | टूलबॉक्स के कॉन्टेंट के लिए एचटीएमएल कंटेनर. |
height_ | protected |
नंबर | टूलबॉक्स की ऊंचाई. |
HtmlDiv | HTMLDiv एलिमेंट | शून्य | टूलबॉक्स के लिए एचटीएमएल कंटेनर. | |
आईडी | स्ट्रिंग | इस कॉम्पोनेंट का यूनीक आईडी, जिसे componentManager के साथ रजिस्टर करने के लिए इस्तेमाल किया जाता है. | |
isVisible_ | protected |
boolean | टूलबॉक्स दिख रहा है या नहीं. |
previouslySelectedItem_ | protected |
ISelectableToolboxItem | शून्य | पहले चुना गया आइटम. |
RTL | boolean | ||
selectedItem_ | protected |
ISelectableToolboxItem | शून्य | फ़िलहाल चुना गया आइटम. |
toolboxDef_ | protected |
toolbox.ToolboxInfo | |
toolboxPosition | toolbox.Position | ||
width_ | protected |
नंबर | टूलबॉक्स की चौड़ाई. |
workspace_ |
|
WorkspaceSvg | वह फ़ाइल फ़ोल्डर जिस पर यह टूलबॉक्स चालू है. |
तरीके
तरीका | मॉडिफ़ायर | ब्यौरा |
---|---|---|
addToolboxItem_(toolboxItem) | protected |
टूलबॉक्स में एक आइटम जोड़ता है. |
attachEvents_(container, ContentContainer) | protected |
टूलबॉक्स कंटेनर div में इवेंट लिसनर जोड़ता है. |
autoHide(onlyClosePopups) | यह कॉम्पोनेंट को छिपा देता है. WorkspaceSvg.hideChaff में कॉल किया गया. | |
clearSelection() | पहले चुने गए किसी भी आइटम को हाइलाइट करता है. | |
createContainer_() | protected |
टूलबॉक्स के लिए कंटेनर div बनाता है. |
createContentsContainer_() | protected |
टूलबॉक्स में मौजूद सभी कॉन्टेंट के लिए कंटेनर बनाता है. |
createDom_(workspace) | protected |
टूलबॉक्स के लिए डीओएम बनाता है. |
createFlyout_() | protected |
टूलबॉक्स लेआउट के आधार पर फ़्लाईआउट बनाता है. |
deselectItem_(item) | protected |
दिए गए आइटम से चुने हुए का निशान हटाता है, उसे नहीं चुने गए के तौर पर मार्क करता है और आरिया स्थिति को अपडेट करता है. |
डिसपोज़() | इस टूलबॉक्स को नष्ट करता है. | |
getClientRect() | व्यूपोर्ट के सापेक्ष पिक्सल यूनिट में ड्रैग टारगेट इलाके का बाउंडिंग रेक्टैंगल दिखाता है. | |
getFlyout() | टूलबॉक्स फ़्लाइआउट देता है. | |
getHeight() | टूलबॉक्स की ऊंचाई दिखाता है. | |
getPreviouslySelectedItem() | पहले चुना गया आइटम मिलता है. | |
getSelectedItem() | चुना गया आइटम मिलता है. | |
getToolboxItemById(आईडी) | दिए गए आईडी वाले टूलबॉक्स आइटम को दिखाता है. | |
getToolboxItems() | टूलबॉक्स में आइटम दिखाता है. | |
getWidth() | टूलबॉक्स की चौड़ाई दिखाता है. | |
getWorkspace() | टूलबॉक्स के लिए फ़ाइल फ़ोल्डर की जानकारी देता है. | |
init() | टूलबॉक्स को शुरू करता है | |
isHorizontal() | यह बताता है कि टूलबॉक्स हॉरिज़ॉन्टल है या नहीं. | |
onClick_(e) | protected |
टूलबॉक्स या टूलबॉक्स आइटम पर क्लिक किए जाने पर, क्लिक इवेंट पर हैंडल. |
onDragEnter(_dragElement) | जब कोई ब्लॉक या बबल वाला कर्सर, ड्रैग करने के इस टारगेट में आता है, तो यह हैंडल लागू होता है. | |
onDragExit(_dragElement) | ब्लॉक या बबल वाला कर्सर, इस ड्रैग टारगेट से बाहर निकलने पर इसे हैंडल करता है. | |
onDrop(_dragElement) | इस कॉम्पोनेंट पर कोई ब्लॉक या बबल छोड़े जाने पर हैंडल किया जाता है. को यहां मिटाएं हैंडल नहीं करना चाहिए. | |
onKeyDown_(e) | protected |
टूलबॉक्स के लिए कुंजी डाउन इवेंट को हैंडल करता है. |
onShortcut(_shortcut) | दिए गए कीबोर्ड शॉर्टकट को हैंडल करता है. | |
स्थिति() | टूलबॉक्स की जगह इस आधार पर तय करता है कि वह हॉरिज़ॉन्टल टूलबॉक्स है या नहीं और फ़ाइल फ़ोल्डर rtl में है या नहीं. | |
refreshSelection() | फ़्लायआउट के कॉन्टेंट को बंद किए बिना इसे अपडेट करता है. इसका इस्तेमाल, वैरिएबल या प्रोसेस जैसी किसी डाइनैमिक कैटगरी में बदलाव के जवाब में किया जाना चाहिए. | |
renderContents_(toolboxDef) | protected |
टूलबॉक्स में सभी टूलबॉक्स आइटम जोड़ता है. |
selectItem_(oldItem, newItem) | protected |
दिए गए आइटम को चुनता है, उसे चुना गया के तौर पर मार्क करता है, और आरिया स्थिति को अपडेट करता है. |
selectItemByPosition(position) | टूलबॉक्स आइटम की सूची में उसकी स्थिति के मुताबिक टूलबॉक्स आइटम को चुनता है. | |
setSelectedItem(newItem) | दिए गए आइटम को चुने गए के रूप में सेट करता है. अगर आइटम को चुना नहीं जा सकता, तो कोई कार्रवाई नहीं होगी. | |
setVisible(isVisible) | टूलबॉक्स दिखाता या छिपाता है. | |
shouldDeselectItem_(oldItem, newItem) | protected |
तय करता है कि पुराने आइटम से चुने हुए का निशान हटाना है या नहीं. |
thoughSelectItem_(oldItem, newItem) | protected |
तय करता है कि नया आइटम चुनना चाहिए या नहीं. |
updateCursorDeleteStyle_(addStyle) | protected |
टूलबॉक्स पर कर्सर की सीएसएस स्टाइल को जोड़ता या हटाता है. इस स्टाइल को ध्यान में रखकर यह तय किया जाता है कि अगर ब्लॉक या बबल को हटाया जा सकता है, तो उसे मिटा दिया जाएगा या नहीं (इंटरनल this.wouldDelete_ प्रॉपर्टी का इस्तेमाल करके). |
updateFlyout_(oldItem, newItem) | protected |
यह तय करता है कि चुने गए आइटम के आधार पर फ़्लायआउट को छिपाना है या दिखाना है. |
updateWouldDelete_(wouldDelete) | protected |
आंतरिक beforeDelete_ स्टेट को अपडेट करता है. |
wouldDelete(element, _couldConnect) | यह बताता है कि इस जगह पर डाला गया ब्लॉक या बबल हट जाएगा या नहीं. इस तरीके से यह जांच की जानी चाहिए कि एलिमेंट को हटाया जा सकता है या नहीं. साथ ही, उसे onDragEnter/onDragOver/onDragExit से पहले हमेशा कॉल की जाती है. |