layout di jQuery EasyUI - creare un riquadro compresso
In questo tutorial, potrete conoscere easyui pannello di conoscenza (fisarmonica) pieghevoli. pannello pieghevole (fisarmonica) contiene una serie di pannello (pannello). Tutti i pannelli (pannello) della testa (header) è visibile, ma solo una volta un pannello di visualizzazione (pannello) del contenuto del corpo. Quando l'utente seleziona il pannello (pannello) della testa (header) quando il pannello (pannello) del contenuto del corpo sarà visibile, mentre l'altro pannello (pannello) nasconde il contenuto del corpo non è visibile.
Creeremo tre pannelli (panel), il terzo pannello (pannello) contiene un menu ad albero.
<Div class = stile "easyui-accordion" = "width: 300px; height: 200px;"> <Div title = "A proposito di fisarmonica" iconCls = stile "icona-ok" = "overflow: auto; padding: 10px;"> <H3 style = "color: # 0099FF;"> Accordion per jQuery </ h3> <P> Accordion è una parte del quadro easyui per jQuery. Esso consente di definire il componente fisarmonica sulla pagina web più facilmente. </ P> </ Div> <Div title = "Chi easyui" iconCls = "icona-reload" selected = "true" style = "padding: 10px;"> easyui aiutano a costruire la vostra pagina web con facilità </ Div> <Div title = "Albero del menu"> <Ul id = "TT1" class = "easyui-albero"> <LI> <Span> Folder1 </ span> <Ul> <LI> <Span> Sub Folder 1 </ span> <Ul> <Li> <span> File 11 </ span> </ li> <Li> <span> File 12 </ span> </ li> <Li> <span> File 13 </ span> </ li> </ Ul> </ Li> <Li> <span> File 2 </ span> </ li> <Li> <span> File 3 </ span> </ li> </ Ul> </ Li> <Li> <span> File2 </ span> </ li> </ Ul> </ Div> </ Div>