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 DataGrid 显示可排序的列
- easyui messager的用法
- easyui layout 自适应
- easyui combogrid分页
- easyui datebox的用法
- easyui layout 折叠后显示标题
- EasyUI DataGird动态生成列
- easyui combobox级联
- easyui中使用编辑器在IE下有时无法获取焦点
- EasyUI DateBox设置默认值
- 仙女们的私藏鲜法大PK 鲜香切块牛肉(仙女们的私藏鲜法大PK)
- 天热没胃口 这道菜开胃又下饭,2个小技巧新手一学就会(这道菜开胃又下饭)
- 指天椒紫苏爆炒牛肉(指天椒紫苏爆炒牛肉)
- 谷雨前,吃牛羊肉别忘了吃河鲜,除湿还清热,加紫苏一炒特解馋(吃牛羊肉别忘了吃河鲜)
- 紫苏牛肉锅里滚一滚,香的鼻子都要掉了(紫苏牛肉锅里滚一滚)
- 每天都吃水果的好处(每天吃水果的好处与功效)
热门推荐
- python操作mysql连接池(详解Python连接MySQL数据库的多种方式)
- js实现继承的五种(JavaScript继承的三种方法实例)
- dedecms文章权重排序(修改dedecms文章标题长度限制的方法)
- sql server2008无法连接怎么办(SQL Server 2008 R2登录失败的解决方法)
- django session验证(Django框架验证码用法实例分析)
- html5div怎样居中(HTML5+CSS设置浮动却没有动反而在中间且错行的问题)
- html5socket源码(五分钟学会HTML5的WebSocket协议)
- Asp.net导出Excel乱码
- vuex怎么使用数据(vuex的辅助函数该如何使用)
- 最新版dedecms安全策略(DedeCMS站点高级安全策略Linux篇)