Najlepszy samouczek Układ jQuery EasyUI - tworzenie zwinięty panel W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,
W tym poradniku dowiesz się o easyui składanych paneli (akordeon) wiedzy. Składany panel (akordeon) zawiera szereg paneli (panelu). Wszystkie płyty (płyt) z głowicy (nagłówek) jest niewidoczny, a tylko raz w panel wyświetlacza (płyt) o zawartości ciała. Gdy użytkownik kliknie na panel (panel) głowicy (nagłówek), gdy panel (panel) o treści ciało będzie widoczne, podczas gdy drugi panel (panel) ukryje zawartość ciała nie jest widoczny.
Stworzymy trzy panele (panel), trzeci panel (panel) zawiera menu drzewa.
<Div class = "easyui-akordeon" style = "width: 300px; height: 200px;"> <Div title = "O akordeon" iconCls = "icon-ok" style = "overflow: auto; padding: 10px;"> <H3 style = "color: # 0099FF;"> Akordeon dla jQuery </ h3> <P> Akordeon jest częścią easyui ram jQuery. Pozwala zdefiniować składnik akordeon na stronie internetowej łatwiej. </ P> </ Div> <Div title = "O easyui" iconCls = "icon-reload" selected = "true" style = "padding: 10px;"> easyui pomogą Ci zbudować swoją stronę internetową z łatwością </ Div> <Div title = "Drzewo Menu"> <Ul id = class "TT1" = "easyui-tree"> <Li> <Span> Folder1 </ span> <Ul> <Li> <Span> Sub Folder 1 </ span> <Ul> <Li> <span> Plik 11 </ span> </ li> <Li> <span> Plik 12 </ span> </ li> <Li> <span> Plik 13 </ span> </ li> </ Ul> </ Li> <Li> <span> Plik 2 </ span> </ li> <Li> <span> Plik 3 </ span> </ li> </ Ul> </ Li> <Li> <span> File2 </ span> </ li> </ Ul> </ Div> </ Div>