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

  • 相关阅读:
    在vue项目中使用element-ui的Upload上传组件
    express使用ejs模板引擎渲染html文件
    nodejs服务端实现post请求
    anroid学习笔记(1)
    水平遍历和嵌套递归
    写代码的风格
    简易版本vue的实现和注解
    JavaScript下的new操作符做了什么?
    node下的跨域传递cookie
    用node研究axios前后端交互状态码规则
  • 原文地址:https://www.cnblogs.com/Evelia/p/5029816.html
Copyright © 2011-2022 走看看