Ext.js 4.x डॉक-सक्षम विंडो टैब

Question

क्या किसी ने extjs के लिए कार्यान्वयन या प्लगइन देखा है जहां आप ब्राउज़र के साथ टैब/विंडो को "खींच" या "डॉक" कर सकते हैं? क्या यह भी संभव है?

खोज ज्यादा खुलासा नहीं किया गया है, लेकिन मैं एक पुराने संस्करण में एक प्रस्तावित समाधान भर में आया था: http://www.sencha.com/forum/showthread.php?16842-Dockable-floatable-panels-in-ExtJS

@DmitryB

स्पष्ट करने के लिए, क्रोम में अगर मैं तो जैसे एक ही विंडो में एकाधिक टैब है :

और मैं "खींचें" से एक टैब पर, इसे बंद कर एक नई विंडो में खुलेगी:

मुझे लगता है कि आप टैब पैनल की सामग्री को एक विंडो में ले जाकर इसे पूरा कर सकते हैं लेकिन यह सुनिश्चित नहीं कर सकते कि इसके बारे में कैसे जाना है।

Answer 1

संक्षेप में:

- Make the tabs draggable, watch for the drag event and mark the 
    tab-strip as your "safe" zone 
- When a tab is dragged and then "dropped" (as in, the drag event ends) you do a check: 
    > Is the tab within the safe area? 
     No: Create a new Ext.Window at the x/y of the mouse, copy the components/HTML 
      out of the original panel and insert them into the new window. Destroy the 
      original panel. 
     Yes: Do nothing. 

दुर्भाग्य से, मैं अभी भी ExtJS3 में डी & डी सीखने से काफी क्लांत हूँ, इसलिए मैं ExtJS 4 से संबंधित इस और वास्तविक कोड के साथ किसी भी मदद की पेशकश नहीं कर सकते हैं, फिर भी अवधारणा मेरे लिए अपेक्षाकृत सरल लगती है। मैं कहूंगा कि आप शायद अपनी पूरी कोशिश करना चाहते हैं कि यह चमकदार न हो - जब तक कि आपको वास्तव में वास्तव में आवश्यकता न हो, मैं टैब खींचने के दौरान पैनल की सामग्री दिखाने के बारे में चिंता नहीं करता - पैनल को बहुत कम दिखाता है । टैब टैब को स्क्रीन के चारों ओर खींचने दें और सुरक्षित क्षेत्र के बाहर रिलीज़ होने पर कॉपी करें।