1. Rumah
  2. tata letak jQuery EasyUI - membuat panel runtuh

Tutorial tata letak jQuery EasyUI - membuat panel runtuh Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

tata letak jQuery EasyUI - membuat panel runtuh

Dalam tutorial ini, Anda akan belajar tentang easyui lipat panel (Accordion) pengetahuan. Lipat panel (Accordion) berisi serangkaian panel (panel). Semua panel (panel) dari kepala (header) terlihat, tapi hanya sekali panel display (panel) dari isi tubuh. Ketika pengguna mengklik panel (panel) dari kepala (header) ketika panel (panel) dari isi tubuh akan terlihat, sementara panel lainnya (panel) akan menyembunyikan isi tubuh tidak terlihat.

Kami akan membuat tiga panel (panel), panel ketiga (panel) berisi menu pohon. 

	<Div class = "easyui-akordeon" style = "width: 300px; height: 200px;">
		<Div title = "Tentang Accordion" iconCls = "icon-ok" style = "overflow: auto; padding: 10px;">
			<H3 style = "color: # 0099FF;"> Accordion untuk jQuery </ h3>
			<P> Accordion merupakan bagian dari kerangka easyui untuk jQuery. Ini memungkinkan Anda menentukan komponen accordion Anda pada halaman web lebih mudah. ​​</ P>
		</ Div>
		<Div title = "Tentang easyui" iconCls = "icon-reload" yang dipilih = "true" style = "padding: 10px;">
			easyui membantu Anda membangun halaman web Anda dengan mudah
		</ Div>
		<Div title = "Pohon Menu">
			<Ul id = "tt1" class = "easyui-pohon">
				<Li>
					<Span> Folder1 </ span>
					<Ul>
						<Li>
							<Span> Sub Folder 1 </ span>
							<Ul>
								<Li> <span> Berkas 11 </ span> </ li>
								<Li> <span> Berkas 12 </ span> </ li>
								<Li> <span> Berkas 13 </ span> </ li>
							</ Ul>
						</ Li>
						<Li> <span> Berkas 2 </ span> </ li>
						<Li> <span> Berkas 3 </ span> </ li>
					</ Ul>
				</ Li>
				<Li> <span> File2 </ span> </ li>
			</ Ul>
		</ Div>
	</ Div>

Ambil jQuery EasyUI contoh

jeasyui-layout-accordion.zip

Tutorial Panas

Hubungi kami

tata letak jQuery EasyUI - membuat panel runtuh
10/30