layout拓展:隐藏收缩图标

时间:13-06-04 栏目:EasyUI 作者:zongyan86 评论:0 点击: 4,317 次

虽然,这东西有很多坑爹的解决方案,但是,还是在网上找到个还不错的方案。

代码:

//layout收缩按钮的拓展

$.extend($.fn.layout.methods, {     
    setLayoutBtn: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'}); 
            }   
        });   
    }   
});  

调用:

//隐藏   
$('#layout').layout('setLayoutBtn',{region:'north',visible:false});   
//显示   
$('#layout').layout('setLayoutBtn',{region:'north',visible:true});  

web开发分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: layout拓展:隐藏收缩图标

layout拓展:隐藏收缩图标:等您坐沙发呢!

发表评论



热搜关键词: easyui   开发   web开发
广告虚位以待

读者排行

关注我们