2012-01-05 12 views
8

qualcuno sa se c'è un esempio disponibile per i pannelli scorrevoli in jquery? In tal caso, qualcuno può inviarmi un link? Questo è quello che voglio realizzare.Colonne/pannelli ridimensionabili per il contenuto in jQuery?

Sul mio schermo principale voglio avere tre divisioni. Una colonna di destra che copre metà dello schermo e quindi la colonna di sinistra divisa in due righe. Voglio espandere e/o ridurre la colonna destra e/o la colonna sinistra e/o la riga superiore nella colonna sinistra e/o la riga inferiore nella colonna sinistra. Pensatelo come un IDE con il lato sinistro dell'area di codifica e il lato destro come project explorer e le proprietà. Il programmatore vorrebbe vedere tutte e tre le sezioni contemporaneamente o vorrebbe espandere ciascuna area di lavoro.

Sto cercando una soluzione jquery per tale! Grazie

+0

Sooo ... vuoi reinventare i frame in jQuery? – SpliFF

+0

Trovato anche [jQWidgets splitter] (http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/index.htm?%28arctic%29#demos/jqxsplitter/defaultfunctionality.htm), ma costa denaro per uso commerciale. –

risposta

10

Suona come il modo in cui funziona jsfiddle.net

Questo è disponibile come plugin. http://docs.jquery.com/UI/Resizable

Si potrebbe anche usare lo splitter plugin per jQuery: http://www.methvin.com/splitter/

vedere anche (2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/

Flexigrid è un nuovo (2012) opzione: http://flexigrid.info/

+0

Hai un collegamento a una demo che mostra come implementare pannelli divisi usando l'UI ridimensionabile? Vedo che aiuta solo a implementare i widget ridimensionabili, ma non divide. –

Problemi correlati