easyui layout 折叠后显示标题
(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);