Boder布局实例

djw0108043

浏览: 26313 次
性别:
来自: 西安

最近访客更多访客>>

壁虎漫步

aitouchy

liaobeibei

sgp420

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ext布局

EXT HTML

<head>
<script type="text/javascript">
Ext.onReady(function(){
var mainMenu=new Ext.Panel({//创建一个面板
                //renderTo:'mainMenu',//填充到id为show的区域
                //title:'我的可折叠菜单',
                width:160,
                height:500,
                layout:'accordion',//声明布局类型

                layoutConfig: {
                     animate: true //动画效果启用
                },

                items:[{
                         title:'菜单1',
                         html:'<a href="http://www.baidu.com" >菜单1的内容</a>'//这里可用div，方便其他元素插入
                        }, {
                         title:'菜单2',
                         html:'菜单2的内容'
                        }]
    });

var viewport = new Ext.Viewport({
    layout:'border',
    items:[{
        title: 'dfg',
        region: 'north',
        contentEl: 'north-div',
        split: true,
        border: true,
        collapsible: true,
        height: 100,
        minSize: 50,
        maxSize: 100
    },{
        title: 'south',
        region: 'south',
        contentEl: 'south-div',
        split: true,
        border: true,
        collapsible: true,
        height: 50,
        minSize: 50,
        maxSize: 120
    },{
        title: 'east',
        region: 'east',
        contentEl: 'east-div',
        split: true,
        border: true,
        collapsible: true,
        width: 120,
        minSize: 120,
        maxSize: 200

    },

    {
        title: '我的菜单',
        region: 'west',
        contentEl: 'west-div',
        split: true,
        border: true,
        collapsible: true,
        width: 160,
        minSize: 160,
        maxSize: 160,
        items:[mainMenu]
    },{
        title: 'center',
        region: 'center',
        contentEl: 'center-div',
        split: true,
        border: true,
        collapsible: true
    }]
});
});


</script>
</head>
<body>
<div id="north-div"></div>
<div id="center-div"></div>
<div id="west-div"></div>
<div id="east-div"></div>
<div id="south-div"></div>
</body>
</html>

分享到：

Ext Toolbar menu | FineReport使用（一）参数查询

2010-09-06 00:04
浏览 1339
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论