如何使用EasyUILayout组件-创新互联

如何使用EasyUI Layout组件

创新互联长期为1000多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为青山企业提供专业的成都网站建设、成都网站设计,青山网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

    
    
    
                                                                姓名                     年龄                     性别                                            



    
    
    
    
    
    






    width = $(document).width();
    height = $(document).height();
    $('#l').layout({
        width: width,
        height: height,
    });

如何使用EasyUI Layout组件


    
    


    .layoutPadding {
        padding: 10px;
    }

如何使用EasyUI Layout组件


    
        添加
        删除
    
    南
    西
    东
    
        

点击上面按钮添加一行内容

         // 中间最后一行添加一行内容     function add(that){         $('#l').layout('panel', 'center').append('

点击上面按钮添加一行内容

');         resetHeight();     };     // 删除中间最后的一行的内容     function remove(that){         $('#l').layout('panel', 'center').find('p:last').remove();         resetHeight();     };            // 重置整个layout的高度     function resetHeight(){         // 获取中间的panel Jquery对象         var cpanel = $('#l').layout('panel', 'center');         // 获取当前cpanel的高度         var cpanelOldHeight = cpanel.outerHeight();         // 设置中间的panel对象的高度为自适应         cpanel.panel('resize', {height: 'auto'});         // 重新获取cpanel的高度         var cpanelNewHeight = cpanel.outerHeight();         // 重置layout的宽度,减少两次之差即可         var layoutheight = $('#l').height() - (cpanelOldHeight-cpanelNewHeight);         $('#l').layout('resize', {height: layoutheight});           }; 

如何使用EasyUI Layout组件


    
    
    
    
        
            
            
        
    

如何使用EasyUI Layout组件


    
    
    
        

招聘运维开发工程师

        
                
  • 投简历至: xmdevops@vip.qq.com
  •         
                            .layoutPadding {         padding: 10px;     }

如何使用EasyUI Layout组件


    
    
    
        
            accordion1
            accordion2
            accordion3
        
    
    
        
            
  •                 1                 
                          
    • 1-1
    •                     
    •                         2                         
                                    
      • 2-1
      •                             
      •                                 3                                 
                                              
        • 3-1
        •                                 
                                    
      •                         
                          
    •                 
                
  •                                                              

    物联网开发公司

                    
                          
    • 成立于2008年.
    •                 
                                                                                            名字                         年龄                         性别                                                                      .padding10 {         padding: 10px;     };

    如何使用EasyUI Layout组件

    
        
            
                操作区                              region:                                      south                     west                     east                     center                                                            添加                 删除                      
                                 .padding10 {         padding: 10px;     }     // 添加布局     function add(that){         var region = $('#regionArea').val();         var regionPanel = $('#lo').layout('panel', region);         if(regionPanel.length) return;                  var options = {region: region};         if(['north', 'south'].indexOf(region)) options['height']=50;         if(['west', 'east'].indexOf(region)) options['width'] = 100;         $('#lo').layout('add', options);     };     // 删除布局     function remove(that){         var region = $('#regionArea').val();         var regionPanel = $('#lo').layout('panel', region);         if(!regionPanel.length) return;         $('#lo').layout('remove', region);     };

    另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    网页标题:如何使用EasyUILayout组件-创新互联
    本文地址:http://ybzwz.com/article/cedopp.html

    其他资讯