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

it2022-05-05  151

  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

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

转载于:https://www.cnblogs.com/pengpeng1208/p/10837943.html


最新回复(0)