首页 > Web开发 > 详细

ExtJs4.1布局详解

时间:2014-07-02 15:25:02      阅读:427      评论:0      收藏:0      [点我收藏+]

Border布局:

Ext.onReady(function(){
    Ext.QuickTips.init();
    Ext.create(‘Ext.container.Viewport‘, {   //一般是渲染到viewport中
        title: "table布局的面板",
        layout:‘border‘,
        defaults: {
            collapsible: true,  //可收起
            split: true,
            bodyStyle: ‘padding:15px‘
        },
        items: [{
            title: ‘上面north‘,
            region: ‘north‘,      //位置
            height: 100
        },{
            title: ‘下面south‘,
            region: ‘south‘,    //位置
            height: 150,
            minSize: 75,
            maxSize: 250
        },{
            title: ‘左面west‘,
            region:‘west‘,    //位置
            margins: ‘5 0 0 0‘,
            width: 175,
            minSize: 100,
            maxSize: 250
        },{
            title: ‘中间Content‘,
            collapsible: false,  //不可收起
            region:‘center‘,    //位置
            margins: ‘5 0 0 0‘
        },{
            title: ‘右面east‘,
            width: 175,
            region:‘east‘,   //位置
            margins: ‘5 0 5 5‘
        }]
    });
})

效果图:

bubuko.com,布布扣


ExtJs4.1布局详解,布布扣,bubuko.com

ExtJs4.1布局详解

原文:http://blog.csdn.net/xiebaochun/article/details/36414667

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