Easyui的layout折叠后显示怎样可以显示标题

//在layout的panle全局配置中,增加一个onCollapse处理title
$.extend($.fn.layout.paneldefaults, {
onCollapse : function () {
//获取layout容器
var layout = $(this).parents("div.layout");
//获取当前region的配置属性
var opts = $(this).panel("options");
//获取key
var expandKey = "expand" + opts.region.substring(0, 1).toUpperCase() + opts.region.substring(1);
//从layout的缓存对象中取得对应的收缩对象
var expandPanel = layout.data("layout").panels[expandKey];
//针对横向和竖向的不同处理方式
if (opts.region == "west" || opts.region == "east") {
//竖向的文字打竖,其实就是切割文字加br
var split = [];
for (var i = 0; i < opts.title.length; i++) {
split.push(opts.title.substring(i, i + 1));
}
expandPanel.panel("body").addClass("panel-title").css("text-align", "center").html(split.join("<br>"));
} else {
expandPanel.panel("setTitle", opts.title);
}
}
});<SPAN><SPAN> </SPAN></SPAN>

转载于:https://www.cnblogs.com/huangf714/p/5898734.html

layout折叠后显示标题相关推荐

  1. html分页显示标题,在分页符后显示当前表格标题html

    如何在动态表中断点后显示pagepbreak(在打印预览模式下)发生的当前表头? 所以,如果这是我的表和分页符第二集后发生...... Head Cell 1a Head Cell 2a Head C ...

  2. 使用el-menu,菜单折叠后悬浮菜单不出现以及图标不显示的可能原因

    用的是element-plus 2.3.4 1.检查el-menu标签内是否写了collapse 2.在MenuItem组件内 el-menu-item中icon不要写在title内,el-sub-m ...

  3. easyui-layout中的收缩层无法显示标题问题解决

    先看问题描述效果图片: 如上,我的查询条件是放在layout下面的一个可收缩层中,初始是收缩的,title显示不出来的话对使用者很不方便,代码如下: <div id="__MODULE ...

  4. listview上拉隐藏标题与下拉显示标题

    2019独角兽企业重金招聘Python工程师标准>>> 这个功能非常普遍了,主要是用户在下拉列表的时候,隐藏标题来扩大用户浏览列表的范围 本方法的设计思路是在列表上覆盖标题栏,然后当 ...

  5. Android开发中如何设置不显示标题和设置全屏

    当我们运行自己的程序时,老是会因为标题让程序看上去不够美观. 下面就是不显示标题和全屏显示的代码,很好用的... <span style="white-space:pre"& ...

  6. excel表格行列显示十字定位_WPS表格:Excel表格打印时,如何每页都显示标题行?...

    电子表格数据很多的时候,要分很多页打印,如何每页都能显示标题行呢? 以下表为例,我们在WPS2019中演示如何每页都显示前两行标题行? 1.首先点亮顶部的页面布局选项卡.然后点击打印标题或表头按钮. ...

  7. 新闻列表中,常用的文字超出后显示省略号..

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  8. 华为连接wifi显示wifi未连接服务器,华为手机连上WiFi后显示不可上网?其实很简单,用这个解决就好了...

    原标题:华为手机连上WiFi后显示不可上网?其实很简单,用这个解决就好了 一直以来都有很多的小伙伴反应,华为手机经常会出现WiFi连接不上,以及WiFi连接之后不可上网的情况,并且是大家都用同一个网, ...

  9. Android 解决Tablayout不显示标题,头部一片空白的问题

    前言 Android 解决Tablayout不显示标题,头部一片空白的问题 如果你也是一样的问题 那么请往下看 可能我们的问题是一样导致的 效果 解决思路 最近在项目中到了 TabLayout+Vie ...

最新文章

  1. 我的2018年终总结
  2. python opencv实现目标区域裁剪
  3. Linux中的动态链接库与静态链接库
  4. C#多线程学习(六) 互斥对象
  5. linux 下运行 tomcat
  6. e盾服务端源码_gRPC服务注册发现及负载均衡的实现方案与源码解析
  7. [蓝桥杯][基础练习VIP]报时助手
  8. SDH光传输设备是什么?SDH设备特点介绍
  9. 计算机硬盘型号怎么看,硬盘编号怎么看
  10. 【机器学习】拉普拉斯平滑
  11. c语言中应用程序错误,大师搞定win7系统提示应用程序错误0xc0000409的解决方案
  12. 云班课作业互评(python3+selenium)
  13. chrome浏览器 各个版本下载地址
  14. PHP-深入理解Opcode
  15. MHD-UH40RK4K高清视频会议摄像头
  16. 电脑重启很久一直在转_电脑重启后鼠标一直在转圈怎么办
  17. 航模无人机中PWM信号频率浅谈
  18. python 操作excel
  19. Python入门(第一节课)
  20. jdk,neo4j社区版本下载与安装

热门文章

  1. extjs4.0的高级组件grid补充01选择模式selection和表格特性feature
  2. 奶粉中含PHP作用,奶粉中的益生菌有什么作用
  3. 马歇尔计划软件测试自学,绝密本科目考试启用前及综合应用.doc
  4. 7系列FPGA逻辑单元理解
  5. TimeQuest约束外设之诡异的Create Generated Clocks用法
  6. 浅谈单片机程序设计中的“分层思想”!
  7. C# string.Empty
  8. app打开本系统自动登陆设计
  9. 微服务开源项目ServiceComb 毕业成为Apache顶级项目
  10. 渗透中寻找突破口的那些事