jQuery技术

jQuery EasyUI使用教程:创建Web页面的边框布局

字号+ 作者:H5之家 来源:H5之家 2015-11-01 09:30 我要评论( )

本教程主要为大家演示如何使用jQuery EasyUI创建Web页面的边框布局。

本教程主要为大家演示如何使用jQuery EasyUI创建Web页面的边框布局。该边框布局提供五个区域:east、west、north、south、center,以下是一些常见的用法:

创建Web页面的边框布局

查看演示

想要应用一个布局,首先你应该确认一个布局容器,然后定义一些区域。布局中必须包含至少一个center区域。下面是一个布局示例:

Select language:

我们在一个"div"容器里创建一个边框布局。布局将一个容器拆分为两个部分,左边是一个导航菜单,右边是主要内容。

最后,我们写一个onclick事件处理函数来检索数据,“showcontent”功能很简单:

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

下载该EasyUI示例:easyui-layout-demo.zip

购买最新正版授权!"咨询在线客服"

集团授权强势登陆!满额即送好礼哦,精彩不容错过!优惠详情点击查看>>

本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:慧都控件网 []
本文地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 每个程序员都会的 35 个 jQuery 小技巧 码农网

    每个程序员都会的 35 个 jQuery 小技巧 码农网

    2016-01-16 16:02

  • jQuery精讲

    jQuery精讲

    2016-01-14 17:17

  • Jquery插件 easyU?jquery easyui I属性汇总_雨枫技术教程网

    Jquery插件 easyU?jquery easyui I属性汇总_雨枫技术教程网

    2015-11-23 13:37

  • jQuery EasyUI使用教程:动态添加标签

    jQuery EasyUI使用教程:动态添加标签

    2015-11-20 11:31

网友点评
>