文档章节

Easyui的Layout折叠的时候把title竖着排列

dust_wang
 dust_wang
发布于 2017/07/31 11:12
字数 173
阅读 1
收藏 0

直接在<script></script>放入如下的代码,记住不能放到$(function(){});的内部

$.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); 
		         }

		     } 
		 });

© 著作权归作者所有

dust_wang

dust_wang

粉丝 1
博文 2
码字总数 538
作品 0
浦东
程序员
私信 提问
easyui1.3 的tabs中放kindeditor 点击"全屏"整个屏幕都是白屏

index.html页面代码: GUAGUA-MINICMS GUAGUA MINI-CMS GUAGUA FOOTER content2 content2 content3 文章管理 Title5 Title6 请操作相关菜单栏 观看使用说明,请点击 article.html(里面包含k...

anx
2012/08/20
2.5K
4
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.1K
3
jQuery EasyUI使用教程之创建可折叠面板

<jQuery EasyUI最新版下载> 在本教程中,你将学习到有关于easyui折叠面板的知识。折叠面板包含了一系列的面板,其中所有的面板标题都是可见的,但只有一个面板的主体内容在某个时间是可见的。...

Miss_Hello_World
2015/11/13
0
0
用户界面框架jQuery EasyUI正式发布v1.4.4[附下载]

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。 免费下载:jQu...

Miss_Hello_World
2015/11/09
0
0
如何用jquery插件生成的组件添加easyui属性

我想做一个插件来画页面,中间需要用到easyui代码如下: $.fn.workflow=function workflow(){ debug("test"); return this.each(function(){ var target = $(this); var mainDiv = $(' '); m......

spring_李璐
2013/04/08
452
0

没有更多内容

加载失败,请刷新页面

加载更多

springboot 整合redis

springboot整合redis官方是有文档的: 英文看不懂可以翻译,代码应该看得懂, 这个是自动注入的。当然也可以xml注入,手动配置。 整合步骤: pom文件: <!-- spring boot web --> ...

jason_kiss
16分钟前
0
0
手机耗电问题,大部分是没有正确使用这个“锁”

当安卓设备闲置时,设备很快会进入休眠状态,以达到省电和减少CPU占用的目的。但有些应用在手机灭屏甚至系统休眠时,依然频繁占用CPU处理事件或唤醒屏幕提示用户消息,这类行为会导致手机耗电...

安卓绿色联盟
17分钟前
0
0
UI 设计中的渐变

>**简评:**渐变是通过两种或多种不同的色彩来绘制一个元素,同时在颜色的交界处进行衰减变化的一种设计。从拟物到扁平再到渐变,人们慢慢发现它能创造出从未有过的一种色彩感觉 —— 独特、...

极光推送
23分钟前
0
0
powerdesigner name 转注释vb脚本

Option Explicit ValidationMode = True InteractiveMode = im_BatchDim mdl ' the current model' get the current active model Set mdl = ......

zhu97
28分钟前
1
0
V2Ray的安装与使用

1 1. bash <(curl -s -L https://git.io/v2ray.sh)yum update -y && yum install curl -y安装好 curl 之后就能安装脚本了输入快捷管理命令v2ray后,开始进行v2ray服务端配置...

吕湘颖
30分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部