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

原创
2017/07/31 11:12
阅读数 23

直接在<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); 
		         }

		     } 
		 });

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部