首页 > 其他 > 详细

easyui 布局标题纵向排列

时间:2015-12-04 10:28:06      阅读:287      评论:0      收藏:0      [点我收藏+]

    (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);

easyui 布局标题纵向排列

原文:http://www.cnblogs.com/ckaifeng/p/5018335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!