1. Rumah
  2. tata letak jQuery EasyUI - membuat perbatasan untuk tata letak halaman

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

tata letak jQuery EasyUI - membuat perbatasan untuk tata letak halaman

Tata letak perbatasan (layout perbatasan) menawarkan lima wilayah: timur, barat, utara, selatan, pusat. Berikut adalah beberapa penggunaan umum:

  • wilayah utara dapat digunakan untuk menampilkan situs spanduk.
  • wilayah selatan dapat digunakan untuk menampilkan hak cipta dan beberapa petunjuk.
  • wilayah barat dapat digunakan untuk menampilkan menu navigasi.
  • wilayah timur dapat digunakan untuk menampilkan beberapa item promosi.
  • daerah pusat dapat digunakan untuk menampilkan konten utama.

Untuk menerapkan tata letak (layout), Anda harus menentukan tata letak (layout) kontainer, dan kemudian menentukan beberapa daerah. Tata letak (layout) harus membutuhkan setidaknya daerah pusat, berikut ini adalah tata letak (layout) Contoh: 

	<Div class = "easyui-layout" style = "width: 400px; height: 200px;">
		<Wilayah Div = "barat" split = "true" title = "Navigator" style = "width: 150px;">
			<P style = "padding: 5px; margin: 0;"> Pilih bahasa: </ p>
			<Ul>
				<Li> <a href="javascript:void(0)" onclick="showcontent('java')"> Java </a> </ li>
				<Li> <a href="javascript:void(0)" onclick="showcontent('cshape')"> C # </a> </ li>
				<Li> <a href="javascript:void(0)" onclick="showcontent('vb')"> VB </a> </ li>
				<Li> <a href="javascript:void(0)" onclick="showcontent('erlang')"> Erlang </a> </ li>
			</ Ul>
		</ Div>
		<Div id = "content" wilayah = "center" title = "Bahasa" style = "padding: 5px;">
		</ Div>
	</ Div>

Kami membuat <div> kontainer dengan tata letak border (tata letak border), tata letak (layout) dari wadah dipotong menjadi dua bagian, sebelah kiri adalah menu navigasi di sebelah kanan adalah konten utama.

Akhirnya, kita menulis sebuah event handler onclick untuk mengambil data, 'showcontent' fungsi sangat sederhana: 

	Fungsi showcontent (bahasa) {
		. $ ( '# Content') html ( 'Pengantar' 'bahasa' + bahasa +);
	}

Ambil jQuery EasyUI contoh

jeasyui-layout-layout.zip

Tutorial Panas

Hubungi kami

tata letak jQuery EasyUI - membuat perbatasan untuk tata letak halaman
10/30