一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > extjs

推荐专题

最新下载

热门教程

extjs4 布局控件 Ext.container.Viewport

时间：2022-06-25 18:30:45 编辑：袖梨 来源：一聚教程网

下面看看生成代码：

 代码如下 复制代码

[Js]
Ext.onReady(function () {
    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        items: [{
            region: 'north',
            html: '

这里放置logo

',
            xtype: "panel",
            title: "标题",
            autoHeight: true,
            border: false,
            margins: '0 0 5 0'
        }, {
            region: 'west',
            collapsible: true,
            title: '左侧导航',
            xtype: 'panel',
            width: 200,
            autoScroll: true
        }, {
            region: 'center',
            xtype: 'tabpanel',
            activeItem: 0,
            items: {
                title: '首页',
                html: '这里是首页正文内容'
            }
        }, {
            region: 'south',
            title: '底部',
            collapsible: true,          //允许折叠
            html: '这里放置版权信息',
            split: true,
            height: 100,
            minHeight: 100
        }]
    });

});


效果如下：

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理