layout拓展：隐藏收缩图标

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

代码：

//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开发分享