2012-02-01 26 views
12

Visual Studio'dakine benzer davranan jquery kullanarak sabitlenebilir panellere sahip olmak isterim. Özellikle, sadece ekranın herhangi bir tarafına panelleri sürükleyip bırakmak istiyorum. Sekmeler, yüzer pencereler ve otomatik gizleme panelleri gerekli değildir. Aynı tarafa iki veya daha fazla panel bırakıldığında, ekranın o tarafındaki boşluğu paylaşmaları gerekir. Kullanıcı panelleri yeniden boyutlandırabilmelidir.Sürükle ve bırak yerleştirme panelleri nasıl oluşturulur?

Bunu yapabilecek bir jQuery ve/veya jQuery UI eklentisi var mı? Ya da belki bir öğretici?

+0

Evet jquery ile benzer bir şey yapmanın yolları vardır. Google jquery sürükle ve bırak – Brian

+0

Ayrıca ilgili soruya bakın https://stackoverflow.com/questions/21784574/a-full-page-layout-with-resizable-panes-using-jquery-ui – Stefan

cevap

4

Tüm bunları gerçekleştirmek için Jquery UI'yi kullanabilirsiniz. Aşağıda

http://jqueryui.com/demos/droppable/

http://jqueryui.com/demos/draggable/

bir sürükle bir örneğidir ve yaptığım sayfayı bırakın.

enter image description here

+2

Evet, ama sadece sürükleniyor ve genel olarak düşüyor. Birisi jQuery için bir yerleştirme paneli/pencere kitaplığı zaten yapmış mı diye soruyorum, böylece tekerleği yeniden icat etmek zorunda kalmam. – Ruby

+1

Tekerleği yeniden icat etmek zorunda değilsiniz, bu herşeyi az çabayla halleder. Yerleştirme için mükemmel olan, ağ geçidi işlevlerine sahiptir. Yapmanız gereken tek şey bir 'yuvalanabilir' alan yaratmak ve tersine çevrilebilir öğeler oluşturmaktır. –

+0

Bu sitenin kontrolünü kullanın. MIT lisansı ile açık kaynaklıdır. http://www.dockspawn.com/# –

6

Ben sürükle-bırak hariç tüm işlevselliği sağlayan jQuery UI Düzen kullandım ve bu jQuery üstünde sürmek beri gerektiği gibi biz jQuery UI sürükle bırak kullanabilirsiniz.

jQuery UI Layout

Geçenlerde tam ihtiyacım olan bu yeni kontrolünü öğrendim.

http://www.dockspawn.com/#

gereken bir başka düzen yöneticisi bizim projelerin bu birini kullanıyorsanız ve oldukça yararlıdır

https://github.com/WebCabin/wcDocker

bakıyor.

Son zamanlarda lobiPanel numaralı telefonu buldum ve onu harika görünümlü bir portal oluşturmak için kullandım. Onu seviyorum. http://golden-layout.com/examples/ bir orada SSS sayfasında

(düğmeleri "Yeni pencerede aç" deneyin): Eğer jquery ile sınırlı değilse

+0

Dockspawn bilgisi için teşekkürler, dockspawn'ın arkasında yeni bir programlama dili olan "Dart" ı keşfetmek ilginç. –