easyui布局隐藏伸缩按钮
1、
在html中加入
<script>
/**
* layout方法扩展
* @param {Object} jq
* @param {Object} region
*/
$.extend($.fn.layout.methods, {
/**
* 移除header
* @param {Object} jq
* @param {Object} region
*/
removeHeader: function(jq, region){
return jq.each(function(){
var panel = $(this).layout("panel",region);
if(panel){
panel.panel('removeHeader');
panel.panel('resize');
}
});
},
/**
* 增加header
* @param {Object} jq
* @param {Object} params
*/
addHeader:function(jq, params){
return jq.each(function(){
var panel = $(this).layout("panel",params.region);
var opts = panel.panel("options");
if(panel){
var title = params.title?params.title:opts.title;
panel.panel('addHeader',{title:title});
panel.panel('resize');
}
});
},
/**
* 面板是否存在和可见
* @param {Object} jq
* @param {Object} params
*/
isVisible: function(jq, params) {
var panels = $.data(jq[0], 'layout').panels;
var pp = panels[params];
if(!pp) {
return false;
}
if(pp.length) {
return pp.panel('panel').is(':visible');
} else {
return false;
}
},
/**
* 隐藏除某个region,center除外。
* @param {Object} jq
* @param {Object} params
*/
hidden: function(jq, params) {
return jq.each(function() {
var opts = $.data(this, 'layout').options;
var panels = $.data(this, 'layout').panels;
if(!opts.regionState){
opts.regionState = {};
}
var region = params;
function hide(dom,region,doResize){
var first = region.substring(0,1);
var others = region.substring(1);
var expand = 'expand' + first.toUpperCase() + others;
if(panels[expand]) {
if($(dom).layout('isVisible', expand)) {
opts.regionState[region] = 1;
panels[expand].panel('close');
} else if($(dom).layout('isVisible', region)) {
opts.regionState[region] = 0;
panels[region].panel('close');
}
} else {
panels[region].panel('close');
}
if(doResize){
$(dom).layout('resize');
}
};
if(region.toLowerCase() == 'all'){
hide(this,'east',false);
hide(this,'north',false);
hide(this,'west',false);
hide(this,'south',true);
}else{
hide(this,region,true);
}
});
},
/**
* 显示某个region,center除外。
* @param {Object} jq
* @param {Object} params
*/
show: function(jq, params) {
return jq.each(function() {
var opts = $.data(this, 'layout').options;
var panels = $.data(this, 'layout').panels;
var region = params; function show(dom,region,doResize){
var first = region.substring(0,1);
var others = region.substring(1);
var expand = 'expand' + first.toUpperCase() + others;
if(panels[expand]) {
if(!$(dom).layout('isVisible', expand)) {
if(!$(dom).layout('isVisible', region)) {
if(opts.regionState[region] == 1) {
panels[expand].panel('open');
} else {
panels[region].panel('open');
}
}
}
} else {
panels[region].panel('open');
}
if(doResize){
$(dom).layout('resize');
}
};
if(region.toLowerCase() == 'all'){
show(this,'east',false);
show(this,'north',false);
show(this,'west',false);
show(this,'south',true);
}else{
show(this,region,true);
}
});
},
/**
* 设置某个region的宽度或者高度(不支持center)
* @param {[type]} jq [description]
* @param {[type]} params [description]
*/
setRegionSize:function(jq,params){
return jq.each(function(){
if(params.region=="center")
return;
var panel = $(this).layout('panel',params.region);
var optsOfPanel = panel.panel('options');
if(params.region=="north" || params.region=="south"){
optsOfPanel.height = params.value;
}else{
optsOfPanel.width = params.value;
}
$(this).layout('resize');
});
},
/**
* 设置north south east west区域标题的图标
* @param {[type]} jq [description]
* @param {[type]} params [description]
*/
setHeaderIcon:function(jq,params){
return jq.each(function(){
if(params.region=="center")
return;
var panel = $(this).layout('panel',params.region);
var title = panel.panel('header').find('>div.panel-title');
var icon = panel.panel('header').find('>div.panel-icon');
if(icon.length===0){
if(title.length && params.iconCls != null){
$('<div class="panel-icon ' + params.iconCls + '"></div>').insertBefore(title);
title.addClass('panel-with-icon');
}
}else{
if(params.iconCls == null){
icon.remove();
title.removeClass('panel-with-icon');
}else{
icon.attr('class','').addClass('panel-icon ' + params.iconCls);
}
}
});
},
/**
* 设置north south east west的split是否可以拖动
* @param {[type]} jq [description]
* @param {[type]} params [description]
*/
setSplitActivateState:function(jq,params){
return jq.each(function(){
if(params.region=="center")
return;
$(this).layout('panel',params.region).panel('panel').resizable(params.disabled?'disable':'enable');
});
},
/**
* 设置north south east west的split是否显示
* @param {[type]} jq [description]
* @param {[type]} params [description]
*/
setSplitVisiableState:function(jq,params){
return jq.each(function(){
if(params.region=="center")
return;
var panel = $(this).layout('panel',params.region);
panel.panel('options').split = params.visible;
if(params.visible){
panel.panel('panel').addClass('layout-split-north');
}else{
panel.panel('panel').removeClass('layout-split-north');
}
//panel.panel('resize');
$(this).layout('resize');
});
},
/**
* 设置region的收缩按钮是否可见
* @param {[type]} jq [description]
* @param {[type]} params [description]
*/
setRegionToolVisableState:function(jq,params){//就是调用这个方法,其他方法也可以删掉
return jq.each(function(){
if(params.region=="center")
return;
var panels = $.data(this, 'layout').panels;
var panel = panels[params.region];
var tool = panel.panel('header').find('>div.panel-tool');
tool.css({display:params.visible?'block':'none'});
var first = params.region.substring(0,1);
var others = params.region.substring(1);
var expand = 'expand' + first.toUpperCase() + others;
if(panels[expand]){
panels[expand].panel('header').find('>div.panel-tool').css({display:params.visible?'block':'none'});
}
});
}
});
</script>
2、在body中加入onload事件
3、写onload事件
function close(){
$(document.body).layout('setRegionToolVisableState',{region:'west',visible:false});//红色的位置填要隐藏的父选择器,我的div父亲是body,body的选择器为document.body
}
4、效果为:

easyui布局隐藏伸缩按钮的更多相关文章
- iOS -- 隐藏返回按钮
// 隐藏返回按钮 [self.navigationItem setHidesBackButton:YES];
- easyui_动态添加隐藏toolbar按钮
目标:动态添加隐藏toolbar,比如根据权限动态显示新增.修改.删除按钮等 思路:先初始化toolbar的所有按钮,加载datagrid其它信息,再根据权限显示隐藏toolbar按钮 步骤: 1.加 ...
- datebox清除按钮,datebox加上清除按钮,easyui datebox加上清除按钮
datebox加上清除按钮,easyui datebox加上清除按钮 >>>>>>>>>>>>>>>>& ...
- Easyui布局
Easyui入门视频教程 第03集---Easyui布局 Easyui入门视频教程 第03集---Easyui布局 目录 ----------------------- Easyui入门视频教程 ...
- EasyUI学习总结(六)——EasyUI布局
一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必须的,而东.西.南.北这四个面板是可选的,如果布局里面不需要东.西.南.北这四个面板,那么可以把相应的di ...
- Easyui入门视频教程 第04集---Easyui布局
目录 目录 ----------------------- Easyui入门视频教程 第09集---登录完善 图标自定义 Easyui入门视频教程 第08集---登录实现 ajax button的 ...
- Easyui入门视频教程 第03集---Easyui布局
Easyui入门视频教程 第03集---Easyui布局 目录 ----------------------- Easyui入门视频教程 第09集---登录完善 图标自定义 Easyui入门视频教 ...
- sencha touch 扩展官方NavigationView 灵活添加按钮组,导航栏,自由隐藏返回按钮(2014-5-15)
扩展视频讲解:http://www.cnblogs.com/mlzs/p/3652094.html官方NavigationView详解:http://www.cnblogs.com/mlzs/p/35 ...
- CSS3 Flex布局(伸缩布局盒模型)学习
CSS3 Flex布局(伸缩布局盒模型)学习 转自:http://www.xifengxx.com/web-front-end/1408.html CSS2定义了四种布局:块布局.行内布局.表格布局盒 ...
随机推荐
- Asp.Net Form验证不通过,重复登录(.net4,4.5form验证兼容性问题)
问题产生根源: 当然,其实应该需要保持线上所有机器环境一致!可是,写了一个小程序.使用的是4.5,aysnc/await实在太好用了,真心不想把代码修改回去. so,动了念头,在这台服务器上装个4.5 ...
- Java实现斗地主发牌(Collections工具类的应用)
package com.doudou_01; import java.util.ArrayList; import java.util.Collections; import java.util.Li ...
- 004 --Mysql中的锁的问题
死锁 死锁是指两个或多个事务在同一个资源上相互占用, 并请求锁定对方占用的资源, 从而导致恶性循环的现象. 当多个事务试图以不同顺序锁定资源时, 就可能产生死锁.死锁发生以后, 只有部分或者完全回滚其 ...
- k8s环境搭建--基于kubeadm方法
环境 master node: 数量 1, 系统 ubuntu 16.04_amd64 worker node: 数量 1, 系统 ubuntu 16.04_amd64 kubernetes 版本: ...
- 15 Puzzle (4乘4谜题) IDA*(DFS策略与曼哈顿距离启发) 的C语言实现
大家好!这是我的第一篇博客,由于之前没有撰写博客的经验,并且也是初入计算机和人工智能领域,可能有些表述或者理解不当,还请大家多多指教. 一.撰写目的 由于这个学期在上算法与数据结构课程的时候,其中一个 ...
- Mac下基于testrpc和truffle的以太坊智能合约开发环境搭建
原文地址:石匠的blog truffle是一个基于Javascript开发的一套智能合约开发框架,使用Solidity语言编写合约.truffle有一套自动的项目构建机制,集成了开发,测试和部署的各个 ...
- js多条件if语句简写发生Uncaught SyntaxError: Unexpected token }
改写原生js 多条件if判断语句时,采用三元方法,发生Uncaught SyntaxError: Unexpected token } function compareImgSize() { var ...
- PowerDesgner的视图显示设置教程
一.简介 PowerDesgner是一款实用的数据库原型设计软件,但一些新手往往会觉得不好上手,应小伙伴需要,整理了一下PowerDesgner的视图显示设置教程: 首先,PowerDesgner的数 ...
- Chapter 4 需求工程
软件需求是用户解决问题或达到目的所需的条件或能力,以及系统或系统部件要满足合同.标准.规范或其他正式规定文档所需要的条件和能力.软件需求可以划分为业务需求.用户需求.系统需求.功能需求和非功能需求等类 ...
- 软工实践-Beta 冲刺 (4/7)
队名:起床一起肝活队 组长博客:博客链接 作业博客:班级博客本次作业的链接 组员情况 组员1(队长):白晨曦 过去两天完成了哪些任务 描述: 1.界面的修改与完善 展示GitHub当日代码/文档签入记 ...