easyui layout 折叠之后显示标题

最新推荐文章于 2018-07-08 22:23:00 发布

转载最新推荐文章于 2018-07-08 22:23:00 发布 · 1.5k 阅读

文章标签：

(function($){
 var
buttonDir = {north:'down',south:'up',east:'left',west:'right'};
    $.extend($.fn.layout.paneldefaults,{
        onBeforeCollapse:function(){
            /**/
            var
popts = $(this).panel('options');
            var
dir = popts.region;
            var
btnDir = buttonDir[dir];
            if(!btnDir)
return 
false;
 
            setTimeout(function(){
                var
pDiv = $('.layout-button-'+btnDir).closest('.layout-expand').css({
                    textAlign:'center',lineHeight:'18px',fontWeight:'bold'
                });
 
                if(popts.title){
                    var
vTitle = popts.title;
                    if(dir ==
"east" 
|| dir == "west"){
                        var
vTitle = popts.title.split('').join('<br/>');
                        pDiv.find('.panel-body').html(vTitle);
                    }else{
                        $('.layout-button-'+btnDir).closest('.layout-expand').find('.panel-title')
                        .css({textAlign:'left'})
                        .html(vTitle)
                    }
                     
                }   
            },100);
             
        }
    });
})(jQuery);