有关easyui-layout中的收缩层无法显示标题的解决办法


Posted in Javascript onMay 10, 2016

easyui-layout中的收缩层无法显示标题的问题原因分析:

在easyui-layout中设置面板初始化为可以折叠,然后就发现标题还有图标都木有了

有关easyui-layout中的收缩层无法显示标题的解决办法

嗯,就是结果列表上面、一片空白,出现了问题就要去解决它,在网上查了资料之后呢,决定修改jquery.easyui.min.js

版本为:jQuery EasyUI 1.4.1

在5105行有_39d方法,在其中设置两个变量_Cstitle,_CsIcon添加代码如下:

var _Cstitle;
var _closedTitle = p.panel("options").title;
if(_closedTitle){
_Cstitle = _closedTitle;
} else{
_Cstitle = '';
}

这样我们就获得了一个标题变量,图标用相同方法即可获得。

接下来只要在接下来的一个方法中(行数5162)将面板的title属性,iconCls属性设置为上面定义的变量就OK了~\(???)/~

p.panel($.extend({}, $.fn.layout.paneldefaults, {
cls: ("layout-expand layout-expand-" + dir), title: <span style="color: rgb(255, 0, 0);">_Cstitle</span>, iconCls: <span style="color: rgb(255, 0, 0);">_CsIcon</span>, closed: true, minWidth: 0, minHeight: 0, doSize: false, tools: [{

iconCls: icon, handler: function () {

_3ad(_39e, _39f);

return false;
}

}]
}));

就是这样咯~~

有关easyui-layout中的收缩层无法显示标题的解决办法

以上内容是小编给大家介绍的easyui-layout中的收缩层无法显示标题的解决办法,希望对大家有所帮助!

Javascript 相关文章推荐
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 Javascript
JQuery基础语法小结
Feb 27 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
Sep 25 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
js 动态校验开始结束时间的实现代码
May 25 Javascript
js判断两个数组相等的5种方法
May 06 Javascript
jQuery对象与DOM对象转换方法详解
May 10 #Javascript
jQuery对象的链式操作用法分析
May 10 #Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 #Javascript
Bootstrap按钮下拉菜单组件详解
May 10 #Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 #Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
May 09 #Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 #Javascript
You might like
php连接mysql数据库代码
2009/03/10 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
php中++i 与 i++ 的区别
2012/08/08 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
Node.js 中判断一个文件是否存在
2020/08/24 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
python生成器generator用法实例分析
2015/06/04 Python
python读取图片任意范围区域
2019/01/23 Python
python实现整数的二进制循环移位
2019/03/08 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
Python 绘制可视化折线图
2020/07/22 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
html5 Canvas绘制线条 closePath()实例代码
2012/05/10 HTML / CSS
美国最好的保健品打折网店:Swanson
2017/08/04 全球购物
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
公司任命书模板
2014/06/06 职场文书
产品质量保证书范本
2015/02/27 职场文书
入党积极分子党支部意见
2015/06/02 职场文书
2016年“抗战胜利纪念日”71周年校园广播稿
2015/12/18 职场文书
索尼ICF-5900W收音机测评
2022/04/24 无线电