关闭

jQuery EasyUI中的Layout布局

标签: jqueryeasyui布局
60人阅读 评论(0) 收藏 举报
分类:

1).Panel(面板)
面板提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。
1.通过标签创建面板
这里写图片描述
效果图如下:
这里写图片描述
2.创建面板程序
创建工具栏
这里写图片描述
创建内容区域
这里写图片描述
面板控制基本属性值
这里写图片描述
面板的基本方法
这里写图片描述
面板的基本事件
这里写图片描述
2).Tabs(选项卡)
选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单,包括关闭按钮和其他自定义按钮。(效果图如下)
这里写图片描述
使用div标签创建选项卡面板
这里写图片描述
选项卡基本属性
这里写图片描述
这里写图片描述
选项卡的基本事件
这里写图片描述
选项卡的基本方法
这里写图片描述
面版之间的公有属性。
这里写图片描述
3).Layout(布局)
布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小,也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套,用户可以通过组合布局构建复杂的布局结构。
这里写图片描述

  1. 通过标签创建布局(添加class=”easyui-layout”)
    这里写图片描述
  2. 使用完整页面创建布局
    这里写图片描述
    layout 事件
    这里写图片描述
    layout 属性
    这里写图片描述
    4).Accordion(分类)
    分类空间允许用户使用多面板,但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的’href’属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板,如果未指定,那么第一个面板就是默认的。(效果图)
    这里写图片描述
    1.通过标签创建分类,给div标签添加一个名为’easyui-accordion’的类ID。
    这里写图片描述
    好了,今天的学习就到这里了,大家要多多练习哦,如果有什么意见,欢迎大家联系我。
0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:246次
    • 积分:62
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档