easyui layout 折叠后显示标题
类别:Web前端 浏览量:633
时间:2015-1-26 easyui layout 折叠后显示标题
easyui layout 折叠后显示标题一、折叠后显示标题的类似效果图
二、基于easyui1.3.5+的版本的实现代码
$.extend($.fn.layout.paneldefaults, {
onCollapse : function () {
//获取layout容器
var layout = $(this).parents("li.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);
}
}
});
三、使用方式
在easyui.min。js之后导入该段JS代码就可以了
标签:easyui
您可能感兴趣
- easyui layout 折叠后显示标题
- easyui combobox级联
- easyui layout 自适应
- easyUI DataGrid 显示可排序的列
- EasyUI DataGird动态生成列
- EasyUI DateBox设置默认值
- easyui中使用编辑器在IE下有时无法获取焦点
- easyui combogrid分页
- easyui datebox的用法
- easyui messager的用法
- Top 3 JSHS《运动与健康科学 英文 》跻身SCI体育学期刊世界前三(Top3JSHS运动与健康科学)
- 体坛传媒LOGO全新升级,多元发展迈出坚实步伐(体坛传媒LOGO全新升级)
- 超撩人治愈的绝美水彩,原来出自她之手 一笔一画令无数人沉醉(超撩人治愈的绝美水彩)
- 新手的勾线(新手的勾线)
- ()
- 书法欣赏 宋.志南诗《绝句》(宋.志南诗绝句)
热门推荐
- python和java的共同语法(Python和Java的语法对比分析语法简洁上python的确完美胜出)
- mongodb连接池
- 查询mysql 死锁(MySQL线上死锁分析实战)
- 移动web跨端开发领域(Web移动端布局那些事)
- python数据分析pandas教程(11个Python Pandas小技巧让你的工作更高效附代码实例)
- 从零开始学activemq(ActiveMQ:使用Python访问ActiveMQ的方法)
- 数据库创建索引的注意事项
- 阿里云配置宝塔(在阿里云购买云服务器并安装宝塔面板的步骤)
- uni app开发教程(uniapp+Html5端实现PC端适配)
- mysqlupdate原理(MySQL UPDATE 语句的非标准实现代码)