雷林鹏分享：jQuery EasyUI 布局 - 为网页创建边框布局

　　jQuery EasyUI 布局 - 为网页创建边框布局

　　边框布局(border layout)提供五个区域：east、west、north、south、center。以下是一些通常用法：

　　north 区域可以用来显示网站的标语。

　　south 区域可以用来显示版权以及一些说明。

　　west 区域可以用来显示导航菜单。

　　east 区域可以用来显示一些推广的项目。

　　center 区域可以用来显示主要的内容。

　　为了应用布局(layout)，您应该确定一个布局(layout)容器，然后定义一些区域。布局(layout)必须至少需要一个 center 区域，以下是一个布局(layout)实例：

　　

 

　　

 

　　

Select language:

 

　　

 

　　

• Java

 

　　

• C#

 

　　

• VB

 

　　

• Erlang

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　我们在一个

容器中创建了一个边框布局(border layout)，布局(layout)把容器切割为两个部分，左边是导航菜单，右边是主要内容。

 

　　最后我们写一个 onclick 事件处理函数来检索数据，'showcontent' 函数非常简单：

　　function showcontent(language){

　　$('#content').html('Introduction to ' + language + ' language');

　　}

　　下载 jQuery EasyUI 实例

　　jeasyui-layout-layout.zip

　　本文转载自：w3cschool

　　(编辑：雷林鹏 来源：网络 侵删)