zoukankan      html  css  js  c++  java
  • 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);

  • 相关阅读:
    git常用命令总结
    chrome浏览器使用技巧
    chorme浏览器的Access-Control-Allow-Origin拦截限制
    基于HP DL388 Gen 9服务器基本配置(ESXI 6.5)
    c# winform 窗体之间的传参
    <<测试驱动开发的艺术>>读书笔记
    <<人性的弱点>>读书笔记
    一个很奇怪的重复链接lib的问题
    redis集群的一些笔记
    <<敏捷开发>>读书笔记
  • 原文地址:https://www.cnblogs.com/Evelia/p/5029816.html
Copyright © 2011-2022 走看看