1. Home
  2. fenêtre jQuery EasyUI - la disposition des fenêtres

Le meilleur didacticiel fenêtre jQuery EasyUI - la disposition des fenêtres en 2024, dans ce didacticiel, vous pouvez apprendre Télécharger exemples jQuery EasyUI,

fenêtre jQuery EasyUI - la disposition des fenêtres

composant de mise en page peut être intégré dans la fenêtre (fenêtre) dans. Nous pouvons créer une fenêtre de mise en page complexe, vous ne même pas besoin d'écrire de code js. cadre jquery-easyui pour nous aider à faire le rendu en arrière-plan et d'ajuster la taille.

A titre d'exemple, on crée une fenêtre (fenêtre), qui se compose de deux parties, l'une vers la gauche d'un endroit situé sur la droite. Dans la fenêtre de gauche (fenêtre), nous créons un menu arborescent (arbre), dans la fenêtre droite (fenêtre), nous créons un conteneur onglets. 

	<Div class = "easyui-fenêtre" title = icône de style = "Layout Window" "icon-help" = "width: 500px; height: 250px; padding: 5px; fond: #fafafa;">
		<Div class = "easyui-layout" adapter = "true">
			<Région Div = "ouest" split style = "true" = "width: 120px;">
				<Ul class = "easyui-tree">
					<Li>
						<Span> Bibliothèque </ span>
						<Ul>
							<Li> <span> easyui </ span> </ li>
							<Li> <span> Musique </ span> </ li>
							<Li> <span> Picture </ span> </ li>
							<Li> <span> Base de données </ span> </ li>
						</ Ul>
					</ Li>
				</ Ul>
			</ Div>
			<Région Div = "center" border = border "false" = "false">
				<Div class = "easyui-onglets" correspondent = "true">
					<Div title = style "Home" = "padding: 10px;">
						jQuery easyui aide-cadre vous construisez votre page web facilement.
					</ Div>
					<div title = "Contacts">
						Aucune donnée de contact.
					</ Div>
				</ Div>
			</ Div>
			<Région Div = "sud" border = "false" style = "text-align: right; hauteur: 30px; line-height: 30px;">
				<a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)"> </a> Ok
				<a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"> Annuler </a>
			</ Div>
		</ Div>
	</ Div>

Regardez le code ci-dessus, nous utilisons uniquement des balises HTML, une fenêtre de mise en page complexe (fenêtre) sera affiché. Tel est le cadre de jquery-easyui, simple et puissant.

Télécharger exemples jQuery EasyUI

jeasyui-win-win3.zip

Hot Didacticiel

Nous contacter

fenêtre jQuery EasyUI - la disposition des fenêtres
10/30