Ext.js 4.x Cửa sổ có thể gắn thẻ dưới dạng tab

Question

Có ai đã xem triển khai hoặc plugin cho extjs nơi bạn có thể "kéo" hoặc "neo" tab/cửa sổ theo cách bạn có thể làm với trình duyệt không? Thậm chí có thể không?

Searching đã không được tiết lộ nhiều nhưng tôi đã đi qua một giải pháp được đề xuất trong một phiên bản cũ: http://www.sencha.com/forum/showthread.php?16842-Dockable-floatable-panels-in-ExtJS

@DmitryB

Để làm rõ, trong chrome nếu tôi có nhiều tab trong cùng một cửa sổ như vậy :

And I "kéo" một trong các tab, nó bật ra thành một cửa sổ mới:

Tôi tưởng tượng bạn có thể thực hiện việc này bằng cách di chuyển nội dung của bảng điều khiển tab sang cửa sổ nhưng không chắc chắn cách thực hiện.

Answer 1

Tóm lại:

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

Thật không may, tôi vẫn còn khá mệt mỏi từ học D & D trong ExtJS3, vì vậy tôi không thể cung cấp bất kỳ sự giúp đỡ với điều này và mã thực liên quan đến ExtJS 4, tuy nhiên khái niệm có vẻ tương đối đơn giản đối với tôi. Tôi sẽ nói rằng bạn sẽ có thể muốn làm tốt nhất của bạn để không có điều này hào nhoáng - trừ khi bạn thực sự cần phải, tôi sẽ không lo lắng về việc hiển thị nội dung của bảng trong khi bạn kéo tab - ít hơn nhiều hiển thị bảng điều khiển chính nó . Chỉ cần để phần tử tab được kéo xung quanh màn hình và sao chép khi nó được phát hành bên ngoài vùng an toàn.