如何使用EasyUILayout组件-创新互联-营山大橙子建站

RELATEED CONSULTING

新闻中心

这里有您想知道的互联网营销解决方案

如何使用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组件


    
    
    
        招聘运维开发工程师
        
            投简历至: 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://scyingshan.cn/article/cedopp.html

其他资讯

快速导航

友情链接

网站建设

联系方式

企业：青羊区大橙子信息咨询工作室
地址：成都市青羊区太升南路288号
电话：18980820575
网址：www.scyingshan.cn

公司名称：青羊区大橙子信息咨询工作室联系电话：18980820575

网站备案号：蜀ICP备2022028542号-24

营山大橙子建站营山网站建设营山网站设计营山网站制作成都做网站