Najlepszy samouczek Okno jQuery EasyUI - układ okna W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,
Składnik układu mogą być osadzone w okienku (okno) w grupie. Możemy stworzyć skomplikowany układ okno, nawet nie trzeba pisać żadnego kodu JS. jQuery framework-easyui pomóc nam zrobić renderowania w tle i dopasować rozmiar.
Jako przykład, tworzenie (okna), który składa się z dwóch części, po jednej na lewo od miejsca po prawej stronie. W lewym oknie (okno) możemy utworzyć menu drzewa (drzewo), w prawym oknie (okno) tworzymy zaczepy kontenerowe.
<Div class = "easyui-okno" title = "Układ Okno" icon = "icon-help" style = "width: 500px; height: 250px; padding: 5px; background: #fafafa;"> <Div class = "easyui-layout" fit = "true"> <Kraina Div = "West" split = "true" style = "width: 120 pikseli;"> <Ul class = "easyui-tree"> <Li> <Span> Biblioteka </ span> <Ul> <Li> <span> easyui </ span> </ li> <Li> <span> Muzyka </ span> </ li> <Li> <span> Obrazek </ span> </ li> <Li> <span> bazy danych </ span> </ li> </ Ul> </ Li> </ Ul> </ Div> <Kraina Div = "center" border = "false" border = "false"> <Div class = "easyui-tabs" fit = "true"> <Div title = "Dom" style = "padding: 10px;"> jQuery easyui ramy pomocy łatwo zbudować swoją stronę internetową. </ Div> <div title = "Kontakt"> Nie dane kontaktowe. </ Div> </ Div> </ Div> <Kraina Div = "południe" border = "false" style = "text-align: right; height: 30px; line-height: 30px;"> <a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)"> Ok </a> <a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"> Anuluj </a> </ Div> </ Div> </ Div>
Spójrz na powyższym kodzie używamy tylko znaczników HTML, zostanie wyświetlone okno złożone układ (okno). To jQuery framework-easyui, prosty i mocny.