有关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中的收缩层无法显示标题的解决办法，希望对大家有所帮助！

赞 (0)

相关推荐

  • jQuery布局组件EasyUI Layout使用方法详解

    jQuery布局组件EasyUI Layout使用方法详解

    layout 布局组件,依赖于panel,自己开发个web小程序的时候直接用这个组件布局很方便. 对于一个web程序原来说,特别是像我这种一遇到界面美化问题就找美工的程序员,想自己独立的开发一个东西,除了套用以前的项目中的界面布局之外就没别的办法了,虽然我们可以用ifame切分出一个界面布局,但是我不会添加样式啊.使用layout组件就可以帮我们快速的有一个界面布局,而且美观效果也看得过去. 看个例子: <!doctype html> <html lang="en"&

  • JS组件Bootstrap Table布局详解

    JS组件Bootstrap Table布局详解

    Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 表格类 下表样式可用于表格中: <tr>, <th> 和 <td> 类 下表的类可用于表格的行或者单元格: 基本的表格 如果您想要一个只带有内边距(padding)和水平分割的基本表,请添加 class .table,如下面实例所示: <div class="row"> <table class="table"

  • jQuery组件easyui基本布局实现代码

    jQuery组件easyui基本布局实现代码

    本文实例为大家分享了 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Layout - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyu

  • JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

    JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

    在jQuery EasyUI中,如果直接在form上布局时当窗口大小调整布局不会改变,将布局应用于body时中间隔着一个form,横竖不好弄. 网上有多个解决方案,一般都是写代码,在窗口大小改变时设置布局. 经实验,新版本的JQuery EasyUI中布局可以采用以下方式来达到自动适应大小: 首先设置样式,使html和body高度为100%(因form和div高度设置为100%需要继承上级): <style type="text/css"> html,body { heig

  • jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

    本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果.分享给大家供大家参考,具体如下: function openTopWindow(url, title, width, height) { title = title == undefined ? ' ' : title; width = width == undefined ? 800 : width; height = height == undefined ? 300 : height; if (url

  • JQueryEasyUI Layout布局框架的使用

    layout就是一个布局面板: 也就是布局的容器,有五个布局区域:北部,南部,东部,西部和中心.其中中心区域面板是必需的,但中心区域面板边缘区域面板是可选的.通过拖动它的边框,面板,可以调整每一个边缘地区.可以嵌套的布局,以便用户可以建立复杂的布局. 如果想要各个区域中的框架随框架的大小改变,请嵌套到layout框架中: 复制代码 代码如下: <script type="text/javascript">        //split属性:如果设置为true将显示一个分隔条

  • jQuery EasyUI 中文API Layout(Tabs)

    jQuery EasyUI 中文API Layout(Tabs)

    Tabs[标签] 创建一个tab标签 使用说明 使用到的头文件:easyui.css.icon.css.jquery-1.4.2.min.js.jquery.easyui.min.js html 复制代码 代码如下: <div id="tt" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;&qu

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

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

    easyui-layout中的收缩层无法显示标题的问题原因分析: 在easyui-layout中设置面板初始化为可以折叠,然后就发现标题还有图标都木有了 嗯,就是结果列表上面.一片空白,出现了问题就要去解决它,在网上查了资料之后呢,决定修改jquery.easyui.min.js 版本为:jQuery EasyUI 1.4.1 在5105行有_39d方法,在其中设置两个变量_Cstitle,_CsIcon添加代码如下: var _Cstitle; var _closedTitle = p.pan

  • ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法 原创

    本文实例讲述了ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法.分享给大家供大家参考.具体如下: 在ThinkPHP的config.php中设置: 复制代码 代码如下: 'SHOW_RUN_TIME'=>true; 可以在模板输出运行时间,但是有的时候会出现不显示运行时间的情况. 对此解决方法如下: 打开 ThinkPHP\Lib\Think\Core\View.class.php文件, 在protected function output($content,$disp

  • BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法

    bootstrap 图标icon符号图标glyphicons不正常显示解决办法如下所示: 分享供各位参考: 1.在ff/http:的地址栏中输入"about:config",即进入配置界面. 2.进入后,搜索"security.fileuri.strict_origin_policy",这是该值应该是true. 3.双击该项,其值自动变为false,即可. 4.修改后,再刷新遇到问题的页面,即可看到正常显示的图标了. 探究问题原因: 1.由于ff/http:一个安全

  • el-tree文字显示不全的解决办法

    el-tree文字显示不全的解决办法

    目录 方法一: 最简单的设置横向滚动条 方法二(新): 添加拖拽条改变外层容器宽度 方法二(老): 添加拖拽条改变外层容器宽度 方法三: 通过...表示 鼠标移上去显示全称 使用element ui的树组件el-tree时,经常出现如下问题: el-tree渲染时因为文字内容长度不一致,导致过长的文字无法显示完全. 经尝试发现如下三种解决方法,推荐方法三. 方法一: 最简单的设置横向滚动条 效果: 在当前树节点的span标签上设置样式 overflow: auto; // 或者 overflow

  • 详解JSP中使用过滤器进行内容编码的解决办法

    详解JSP中使用过滤器进行内容编码的解决办法

    详解JSP中使用过滤器进行内容编码的解决办法 问题 当通过JSP页面,向数据库中插入记录的时候,可能因为JSP页面编码原因,导致插入到数据库中的新纪录出现乱码.因此需要对JSP页面中的内容进行编码操作,从而保证与数据库中的编码一致. 解决方案 使用JSP中过滤器进行处理.处理步骤如下 1.新建一个servlet,使其实现javax.servlet.Filter接口 2.修改Servlet/JSP Mapping URL ,将其改为 /EncodingFilter 3.在EncodingFilte

  • 详解git中配置的.gitignore不生效的解决办法

    详解git中配置的.gitignore不生效的解决办法 前言: 通常我们希望放进仓库的代码保持纯净,即不要包含项目开发工具生成的文件,或者项目编译后的临时文件.但是,当我们使用git status查看工作区状态的时候,总会提示一些文件未被track.于是,我们想让git帮助我们忽略这些文件,不再提醒. 庆幸的是,git已经考虑到这点了.我们可以在项目的根目录下建立一个.gitignore的文件,该文件用来配置哪些文件或者目录不被track的.规则很简单,就在该文件中,写下你不想被track的文件

  • myeclipse中使用maven前常见错误及解决办法

    1.jdk与jre (错误:java.lang.UnsupportedClassVersionError: Unsupported major.minor version 51.0) windows-preferences-java-Installed JREs Add适用的jre windows-preferences-java-compiler Compiler compliance level:改为与上一致版本 项目右键-properties-java compiler Compiler

  • IOS 中UITextField和UITextView中字符串为空和空格的解决办法

    IOS 中UITextField和UITextView中字符串为空和空格的解决办法 在用UITextField,UITextView声明的属性写一些页面的时候,经常会出现这样的小bug,就是给空值或空格也能进行传值或存储,这里给一些解决的小方法: eg: 这里声明了一个属性,就以此为例来说 @property (nonatomic, strong) UITextField *titlefield; 为空时: if(_titlefield.text == nil){ //执行一些警告操作 } if

  • iOS9与XCode7中不能使用http连接的快速解决办法

    iOS9与XCode7中不能使用http连接的快速解决办法

    在Xcode7.0及以上版本中编译iOS APP时,默认会使用iOS9的一项新特性,使得所有http连接被禁用,项目里使用的API没有https支持,就悲剧了.差了官方文档,有这么一段话 App Transport Security App Transport Security (ATS) enforces best practices in the secure connections between an app and its back end. ATS prevents accident

  • jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

    如果版本是: 1.3.1 IE无法显示关闭按钮 如果版本是: 1.3.4 IE6无法显示关闭按钮 解决办法: Version: 1.3.1 打开fancybox.css 注释掉此行: .fancybox-ie #fancybox-close { background: transparent; filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src = 'images/fancy_close.png', sizingM

随机推荐