博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ExtJs4.1布局具体解释
阅读量:6269 次
发布时间:2019-06-22

本文共 653 字,大约阅读时间需要 2 分钟。

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'
        }]
    });
})

效果图:

转载地址:http://lcppa.baihongyu.com/

你可能感兴趣的文章
c++ 网络库
查看>>
Linux 格式化扩展分区(Extended)
查看>>
linux echo命令
查看>>
nginx 内置变量大全(转)
查看>>
lakala反欺诈建模实际应用代码GBDT监督学习
查看>>
java 解析excel工具类
查看>>
Google FireBase - fcm 推送 (Cloud Messaging)
查看>>
BBS论坛(二十七)
查看>>
html DOM 的继承关系
查看>>
装饰器的邪门歪道
查看>>
Dubbo常用配置解析
查看>>
【转】C#解析Json Newtonsoft.Json
查看>>
macports的安装及常用命令
查看>>
(转)使用C#开发ActiveX控件
查看>>
spring mvc 基于注解 配置默认 handlermapping
查看>>
半小时学会上传本地项目到github
查看>>
Android学Jni/Ndk 开发记录(一)
查看>>
Linux Tcl和Expect的安装
查看>>
WPF中的依赖项属性(转)
查看>>
linux防火墙相关 iptables
查看>>