jEasyUI mencipta susun atur sempadan

Susun atur sempadan menyediakan lima kawasan: timur, barat, utara, selatan, tengah. Berikut adalah beberapa kegunaan biasa:

• Kawasan utara boleh digunakan untuk memaparkan slogan tapak web.

• Kawasan selatan boleh digunakan untuk memaparkan hak cipta dan beberapa arahan.

• kawasan barat boleh digunakan untuk memaparkan menu navigasi.

• Kawasan timur boleh digunakan untuk mempamerkan beberapa barangan promosi.

• Kawasan tengah boleh digunakan untuk memaparkan kandungan utama.

Untuk menggunakan reka letak, anda harus mengenal pasti bekas reka letak dan kemudian menentukan beberapa kawasan. Reka letak mesti memerlukan sekurang-kurangnya satu kawasan tengah Berikut ialah contoh reka letak:

	<div class="easyui-layout" style="width:400px;height:200px;">
		<div region="west" split="true" title="Navigator" style="width:150px;">
			<p style="padding:5px;margin:0;">Select language:</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" region="center" title="Language" style="padding:5px;">
		</div>
	</div>

Kami mencipta reka letak sempadan dalam bekas <div> kiri dan kandungan utama di sebelah kanan.

Akhirnya kami menulis fungsi pengendali acara onclick untuk mendapatkan semula data, fungsi 'showcontent' adalah sangat mudah:

	function showcontent(language){
		$('#content').html('Introduction to ' + language + ' language');
	}

Muat turun contoh jQuery EasyUI

jeasyui-layout-layout .zip