Okno jQuery EasyUI - układ okna

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.

Pobierz przykłady jQuery EasyUI

jeasyui-win-win3.zip