Ext.js 4.x Finestra dockable come scheda

Question

Qualcuno ha visto un'implementazione o un plug-in per extjs in cui è possibile "estrarre" o "ancorare" le schede/finestre come è possibile con un browser? È possibile?

ricerca non ha rivelato molto, ma ho incontrato un soluzione proposta in una versione precedente: http://www.sencha.com/forum/showthread.php?16842-Dockable-floatable-panels-in-ExtJS

@DmitryB

per chiarire, in cromo se ho più schede nella stessa finestra in questo modo :

E io "trascinare" una delle schede, si apre fuori in una nuova finestra:

Immagino che si possa ottenere ciò spostando il contenuto del pannello a schede in una finestra ma non si sa come procedere.

Answer 1

In poche parole:

- 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. 

Purtroppo, io sono ancora abbastanza stanco da imparare D & D in ExtJS3, quindi non in grado di offrire alcun aiuto con questo e vero e proprio codice di pertinenza ExtJS 4, ma il il concetto sembra relativamente semplice per me. Direi che probabilmente vorrai fare del tuo meglio per NON essere così appariscente - a meno che tu non abbia VERAMENTE bisogno di farlo, non mi preoccuperei di mostrare il contenuto del pannello mentre trascini la scheda - tanto meno mostrare il pannello stesso . Lascia che l'elemento della scheda venga trascinato sullo schermo e copiato quando viene rilasciato al di fuori dell'area sicura.