1. Home
  2. jQuery EasyUI Układ - tworzenie złożonych układów w panelu

Najlepszy samouczek jQuery EasyUI Układ - tworzenie złożonych układów w panelu W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI Układ - tworzenie złożonych układów w panelu

Panel (Panel) pozwala na tworzenie niestandardowych układów dla różnych celów. W tym przykładzie używamy panel (panel) i układu strony (layout) plug-in, aby utworzyć pole wiadomość MSN.

Używamy wielu układów (układ) w obszarze panelu. Na górze okna komunikatu kładziemy pole wprowadzania zapytań i umieść rysunek na rysunku po prawej. W środku naszego regionu poprzez ustawienie właściwości Split jest prawdą, część ta została pocięta na dwie części, pozwala na zmianę rozmiaru obszaru panelu.

Oto cały kod: 

	<Div class = "easyui panelu" title = "Complex Układ panelu" iconCls = "icon-search" składane = "true" style = "padding: 5px; width: 500px; height: 250px;">
		<Div class = "easyui-layout" fit = "true">
			<Kraina Div = "północ" border = "false" class = "p-search">
				<Label> Szukaj: </ label> <input> </ input>
			</ Div>
			<Kraina Div = "center" border = "false">
				<Div class = "easyui-layout" fit = "true">
					<Kraina Div = "Wschód" border = "false" class = "p-right">
						<Img src = "images / msn.gif" />
					</ Div>
					<Kraina Div = "center" border = "false" style = "border: 1px solid #ccc;">
						<Div class = "easyui-layout" fit = "true">
							<Kraina Div = "południe" split = "true" border = "false" style = "height: 60px;">
								<Style Textarea = "border: 0; width: 100%; height: 100%; rozmiar: none">. Cześć, jestem easyui </ textarea>
							</ Div>
							<Kraina Div = "center" border = "false">
							</ Div>
						</ Div>
					</ Div>
				</ Div>
			</ Div>
		</ Div>
	</ Div>

Nie trzeba pisać żadnego kodu javascript, że mają one bardzo silny projektowanie interfejsu użytkownika.

Pobierz przykłady jQuery EasyUI

jeasyui-layout-panel.zip

Hot Tutorials

Contact US

jQuery EasyUI Układ - tworzenie złożonych układów w panelu
10/30