背景：easyui在做上下布局的时候，上面是数据列表，下面是数据图表。如下图

需要在上下面板右上角加上最大化按钮，以便可以全屏显示。逻辑就是当上面点击最大化时候，隐藏下面，主意：此时需要将下面的div标题设置为空字符，否则后果就是列表中间有一道人员能力统计图标题；当点击恢复按钮的时候，展示下面图表，同时将标题设置为以前的。上图：

注释：1.上面布局最大化按钮显示；2.恢复按钮点击事件；3.最大化按钮点击事件；4.下面布局最大化按钮；5.不显示折叠(必须的)

现在问题完美的解决了；不过花费的时间有点多；

记录下之前的错误思路，警示以后：之前最理想的做法是上面不需要按钮，只要下面的按钮，按钮包括一个最大化，一个折叠，当点击最大化的时候，下面的图表全屏显示；当点击折叠的时候，下方折叠到最底下，上面全屏显示；这样子有些操作不会有问题，比如只要不在最大化以后，点击折叠按钮两次，就不会出现问题；但是当最大化以后，连续两次点击折叠，再点击回复按钮，上布局的列表就显示为空，其中原因我也不太清楚，毕竟不是专门学习前端的；之后根据这个思路想过，可以在最大化以后隐藏掉折叠按钮，这样子就会避免之前的情况出现；也试过很多种，比如在点击最大化以后，将collapsible设置为true；然后又出现了一个问题：too much 啥，记不清了，就是说无限迭代了；故此思路也行不通；之后还想过一些思路，但是都不行；最后就定为这个了。

也没想过解决方法这么简单，我真的是醉了，就这么两句代码，浪费了我这么久时间。不开心！！！

easyui datagrid里的toobar按钮隐藏、显示、禁用等方式的实现

easyui datagrid里的toobar按钮隐藏.显示.禁用等方式的实现 //隐藏第一个按钮 $('div.datagrid-toolbar a').eq(0).hide(); //隐藏第一条分 ...

easy-ui grid里的toobar按钮隐藏与显示

//隐藏第一个按钮$('div.datagrid-toolbar a').eq(0).hide();//隐藏第一条分隔线$('div.datagrid-toolbar div').eq(0).hide ...

第二百零二节，jQuery EasyUI，Layout(布局)组件

jQuery EasyUI,Layout(布局)组件 学习要点: 1.加载方式 2.布局属性 3.区域面板属性 4.方法列表 本节课重点了解 EasyUI 中 Layout(布局)组件的使用方法,这个 ...

(转)Div+CSS布局入门

在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础 ...

DIV+CSS布局中自适应高度的解决方法

div乱跑问题  (文件

)   float 是个很危险的东西 得小心使用 本来有一很好的关于CSS+DIV的论坛 不过现在关门了 甚是可 ...

DIV+CSS布局网站基本框架

html代码 性" 2."任务栏按钮"选择" ...

DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度

一个入门的DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度. 说明:代码非真实情况下使用,所以直接简单. 没耐 ...

Delphi窗体最大化按钮不可用情况下的最大化

最大化按钮不可用,而且窗体最大化,我以前一直这样设置:在Object Inspector下把BorderIcons属性下的biMaximize属性设置为False,然后把WindowState属性设置 ...

随机推荐

ReactiveCocoa代码实践之-RAC网络请求重构

前言 RAC相比以往的开发模式主要有以下优点:提供了统一的消息传递机制:提供了多种奇妙且高效的信号操作方法:配合MVVM设计模式和RAC宏绑定减少多端依赖. RAC的理论知识非常深厚,包含有FRP,高 ...

学习笔记——Ant

首先找个视频,你不可否认视频的确是入门最快的学习方式.入门学习视频(共两集)点我去观看 然后找一本入门级的资料看 ANT基础使用手册.pdf 现在你可以看看其他人写的脚本.估计简单的都能看懂. 然后找 ...

Oracle 多行记录合并/连接/聚合字符串的几种方法

怎么合并多行记录的字符串,一直是oracle新手喜欢问的SQL问题之一,关于这个问题的帖子我看过不下30个了,现在就对这个问题,进行一个总结.-什么是合并多行字符串(连接字符串)呢,例如: SQL&g ...

Mac环境下svn的使用(转载)

在Windows环境中,我们一般使用TortoiseSVN来搭建svn环境.在Mac环境下,由于Mac自带了svn的服务器端和客户端功能,所以我们可以在不装任何第三方软件的前提下使用svn功能,不过还 ...

.Net IOC 之Unity

.Net IOC 之Unity 在码农的世界里,为了应付时常变更的客户需求,增加的架构的客扩展性,减少工作量.IOC诞生了,它是一种可以实现依赖注入和控制对象生命周期的容器.最为一个有节操.有追求的码 ...

WPF 自定义 MessageBox (相对完善版)

WPF 自定义 MessageBox (相对完善版)     基于WPF的自定义 MessageBox. 众所周知WPF界面美观.大多数WPF元素都可以简单的修改其样式,从而达到程序的风格统一.可是当 ...

认证模式之Form模式

上面介绍的两种模式都属于HTTP协议规范范畴,由于它的规范使得很多东西无法自定义,例如登录窗口.错误展示页面.所以需要另外一种模式提供更加灵活的认证,也就是基于Form的认证模式. Form模式的认证 ...

meta标签的http-equiv与content解析

meta是html语言head区的一个辅助性标签,以下是meta的http-equiv属性和content属性的一些介绍. http-equiv属性 指示服务器在发送实际的文档之前,要在传送给浏览器的 ...

Java.FamousBlogs

本文总结在工作/学习中发现的Java相关的blogs. 1. java code geeks (jcg) http://www.javacodegeeks.com/join-us/jcg/ 2. ht ...

python中的字符串编码问题——3.各操作系统下的不同编码方式

各操作系统下的不同编码方式  先看一下 linux,python2.7 >>> B = b'\xc3\x84\xc3\xa8' >>> B.decode('utf- ...

html隐藏最大化按钮,easyui div 上下布局 最大化按钮 隐藏标题相关推荐

  1. php隐藏指定id的div,CSS_纯css3显示隐藏一个div特效的具体实现，复制代码代码如下: !DOCTYPE H - phpStudy...

    纯css3显示隐藏一个div特效的具体实现 复制代码代码如下: #showDiv { background-color:red; width:300px; height:300px; display: ...

  2. java单击切换div_[Java教程]点击同一按钮实现div的隐藏与现实切换

    [Java教程]点击同一按钮实现div的隐藏与现实切换 0 2016-01-16 21:00:12 点击同一按钮实现div的隐藏与现实切换: 在很多应用中,都有这样的功能,点击同一个按钮可以实现div ...

  3. React 点击按钮显示div与隐藏div

    <!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...

  4. react实现div隐藏_React 点击按钮显示div与隐藏div

    React 点击按钮显示div与隐藏div .m-test{width: 100px;height: 100px;background-color: red;} class Toggle extend ...

  5. Bootstrap—点击按钮控制div隐藏和显示的切换（图文详情）

    Bootstrap-点击按钮控制div隐藏和显示的切换 第一步:bootstrap有一个open类用来控制隐藏和显示,动态获取open是true还是false,并且点击按钮让toggle的true和f ...

  6. 点击按钮控制div隐藏和显示

    要求:有一个按钮,点击按钮使得div消失,之后将按钮文字改变为显示,再次点击按钮使得div出现,依次类推.效果如下图    方法一  引入vue <html><head>< ...

  7. HTML之样式定义、div布局、按钮布局

    样式定义: 标签样式通过style去定义,可以直接放到div开始标签中,也可以div中定义类名,将style放到head中,通过类去定义样式.如下布局中的示例.不及div的样式可以通过style设置以 ...

  8. EasyUI -- Layout（布局）

    第一章 介绍 EasyUI – Layout(布局)将布局容器分成了5个区域,分别是:east(东).west(西).south(南).north(北)和center(中).center(中)区域是必 ...

  9. DIV+CSS布局基本流程及实例介绍

    都说用DIV+CSS布局来设计网站便于优化,容易被收录,那么你对DIV+CSS布局的用法是否了解?CSS布局是网页html通过DIV标签+CSS样式表代码开发制作的(html)网页的统称.DIV+CS ...

最新文章

  1. 趣学python3(41)--利用交集计算词类标签的分类
  2. [译]Go如何优雅的处理异常
  3. 【Android AAR】1 分钟不用改任何代码在 Eclipse 中使用 AAR
  4. 阅读笔记：基础知识（Java篇）
  5. 多线程编程(1) - 认识等待函数 WaitForSingleObject
  6. Ps 初学者教程，如何向风景图中添加元素？
  7. 使用yum安装Apache+PHP+MySQL
  8. 从零基础入门Tensorflow2.0 ----六、28 深度可分离卷积神经网络
  9. Slider 滑动条效果
  10. dtu连接mysql_Azure SQL的DTU和eDTU到底是个什么鬼
  11. thinkbook15快捷键
  12. WGS84与GCJ02、BD09经纬度坐标转换介绍
  13. 网页抓取表格_使用Google表格进行网页抓取
  14. Java简单的记账本项目
  15. 120个极品网站 收集历时2年 - 计算机应用 - 迅雷论坛
  16. 孤立词语音识别（3）——计算MFCC系数
  17. w7 w10 如何开启远程桌面简易版
  18. C1-见习工程师能力认证-02
  19. 【花雕体验】10 行空板硬件控制pinpong库的系列测试（之三）
  20. java的八种基本数据类型以及变量的声明

热门文章

  1. 一个简单的支付系统设计
  2. 局域网中如何添加网络打印机
  3. web前端学习方法！
  4. MCE | 铁死亡——调节性细胞死亡
  5. java 橡皮擦_js canvas实现橡皮擦效果
  6. 从0到1教你写UCOS-III 第十二部分：实现时基列表
  7. 计算机考证等级要一级一级考吗
  8. Linux中head和tail的区别,linux head和tail命令详解
  9. Mac插网线没有反应
  10. c语言 查找数组元素