这段代码是基于easyui1.3.5+的版本,加入的,没有做低版本的兼容测试, //在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> 本代码的使用方式,在easyui.min.js之后导入就ok了,不需要而外的做其他特殊处理了.
本文由 admin 创作,采用 知识共享署名4.0
国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
最后编辑时间为:2022-08-09 21:21:01