jQuery EasyUI 布局 - 188bet网页创立边框布局

边框布局(border layout)供给五个区域:east、west、north、south、center。以下是一些一般用法:

  • north 区域能够用来显现网站的标语。
  • south 区域能够用来显现版权以及一些阐明。
  • west 区域能够用来显现导航菜单。
  • east 区域能够用来显现一些推行的项目。
  • center 区域能够用来显现首要的内容。

188bet了运用布局(layout),您应该确认一个布局(layout)容器,然后界说一些区域。布局(layout)有必要至少需求一个 center 区域,以下是一个布局(layout)实例:

	<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>

咱们在一个 <div> 容器中创立了一个边框布局(border layout),布局(layout)把容器切开188bet两个部分,左面是导航菜单,右边是首要内容。

最终咱们写一个 onclick 事情处理函数来检索数据,'showcontent' 函数十分简略:

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

下载 jQuery EasyUI 实例

jeasyui-layout-layout.zip