1. Heim
  2. jQuery EasyUI Layout - erstellen Sie eine kollabierte Panel

Das beste jQuery EasyUI Layout - erstellen Sie eine kollabierte Panel-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen

jQuery EasyUI Layout - erstellen Sie eine kollabierte Panel

In diesem Tutorial erfahren Sie, über easyui Faltplatte (Akkordeon) Wissen. Faltflügel (Akkordeon) enthält eine Reihe von Panel (Panel). Alle Platten (Panel) des Kopfes (Header) ist sichtbar, aber nur einmal eine Anzeigetafel (Panel) des Körpers Inhalt. Wenn der Benutzer klickt auf die Platte (Panel) des Kopfes (Header), wenn die Platte (Panel) des Körpers Inhalt sichtbar ist, während die andere Platte (Platte) wird der Körper Inhalt verstecken nicht sichtbar ist.

Wir werden drei Platten (Platte), die dritte Platte (Platte) enthält einen Baum Menü erstellen. 

	<Div class = "easyui-Akkordeon" style = "width: 300px; height: 200px;">
		<Div title = "Über Akkordeon" iconCls = "icon-ok" style = "overflow: auto; padding: 10px;">
			<H3 style = "color: # 0099FF;"> Akkordeon für jQuery </ h3>
			<P> Akkordeon ist ein Teil des easyui Rahmen für jQuery. Damit können Sie Ihr Akkordeon-Komponente auf Web-Seite leichter zu definieren. </ P>
		</ Div>
		<Div title = "Über easyui" iconCls = "icon-reload" ausgewählt = "true" style = "padding: 10px;">
			easyui helfen Ihnen, Ihre Web-Seite zu bauen leicht
		</ Div>
		<Div title = "Baum-Menü">
			<Ul id = "TT1" class = "easyui-tree">
				<Li>
					<Span> Folder1 </ span>
					<Ul>
						<Li>
							<Span> Unter Ordner 1 </ span>
							<Ul>
								<Li> <span> Datei 11 </ span> </ li>
								<Li> <span> Datei 12 </ span> </ li>
								<Li> <span> Datei 13 </ span> </ li>
							</ Ul>
						</ Li>
						<Li> <span> Datei 2 </ span> </ li>
						<Li> <span> Datei 3 </ span> </ li>
					</ Ul>
				</ Li>
				<Li> <span> File2 </ span> </ li>
			</ Ul>
		</ Div>
	</ Div>

Download von jQuery EasyUI Beispiele

jeasyui-layout-accordion.zip

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Layout - erstellen Sie eine kollabierte Panel
10/30