1. Home
  2. jQuery EasyUI mise en page - créer un panneau replié

Le meilleur didacticiel jQuery EasyUI mise en page - créer un panneau replié en 2024, dans ce didacticiel, vous pouvez apprendre Télécharger exemples jQuery EasyUI,

jQuery EasyUI mise en page - créer un panneau replié

Dans ce tutoriel, vous apprendrez tout sur easyui pliage panneau (accordéon) connaissances. Folding panel (Accordéon) contient une série de panneau (panneau). Tous les panneaux (panneaux) de la tête (en-tête) est visible, mais seulement une fois un panneau d'affichage (panneau) du contenu du corps. Lorsque l'utilisateur clique sur le panneau (panneau) de la tête (en-tête) lorsque le panneau (panneau) de la teneur en corps sera visible, tandis que l'autre panneau (panneau) permet de masquer le contenu du corps est pas visible.

Nous allons créer trois panneaux (panneaux), le troisième panneau (panneau) contient un menu arborescent. 

	<Div class = le style "easyui-accordéon" = "width: 300px; height: 200px;">
		<Title Div = "A propos de l'Accordéon" iconCls = style "icon-ok" = "overflow: auto; padding: 10px;">
			<H3 style = "color: # 0099FF;"> Accordéon pour jQuery </ h3>
			<P> Accordéon est une partie du cadre easyui pour jQuery. Il vous permet de définir votre composant d'accordéon à la page Web plus facilement. </ P>
		</ Div>
		<Title Div = "A propos de easyui" iconCls = "icon-reload" selected = le style "true" = "padding: 10px;">
			easyui vous aider à construire votre page Web facilement
		</ Div>
		<Div title = "Menu Tree">
			<Ul id = classe "TT1" = "easyui-tree">
				<Li>
					<Span> Folder1 </ span>
					<Ul>
						<Li>
							<Span> Sous dossier 1 </ span>
							<Ul>
								<Li> <span> Fichier 11 </ span> </ li>
								<Li> <span> Fichier 12 </ span> </ li>
								<Li> <span> Fichier 13 </ span> </ li>
							</ Ul>
						</ Li>
						<Li> <span> Fichier 2 </ span> </ li>
						<Li> <span> Fichier 3 </ span> </ li>
					</ Ul>
				</ Li>
				<Li> <span> File2 </ span> </ li>
			</ Ul>
		</ Div>
	</ Div>

Télécharger exemples jQuery EasyUI

jeasyui-layout-accordion.zip

Hot Didacticiel

Nous contacter

jQuery EasyUI mise en page - créer un panneau replié
10/30