zoukankan      html  css  js  c++  java
  • EXTJS布局示例(panel,Viewport,TabPanel)(带图)

    面板控件panel应用

            new Ext.Panel({
                title:'面板头部(header)',
                tbar : ['顶端工具栏(top toolbars)'],
                bbar : ['底端工具栏(bottom toolbars)'],
                height:200,
                300,
                frame:true,
                applyTo :'panel',
                bodyStyle:'background-color:#FFFFFF',
                html:'<div>面板体(body)</div>',
                tools : [
                    {id:'toggle'},
                    {id:'close'},
                    {id:'maximize'}
                ],
                buttons:[
                    new Ext.Button({
                        text:'面板底部(footer)'
                    })
                ]
            })
      
    Ext.Viewport布局示例
            new Ext.Viewport({
                title : 'Ext.Viewport示例',
                layout:'border',//表格布局
                items: [
                {
                    title: 'north Panel',
                    html : '上边',
                    region: 'north',//指定子面板所在区域为north
                    height: 100
                },{
                    title: 'West Panel',
                    html : '左边',
                    region:'west',//指定子面板所在区域为west
                     150
                },{
                    title: 'Main Content',
                    html : '中间',
                    region:'center'//指定子面板所在区域为center
                }]
            });
     
     
     
     
  • 相关阅读:
    coredump文件设置及调试
    github上传本地代码库步骤
    ubuntu上SVN版本升级到1.7
    ubuntu 上samba创建共享组目录
    linux下创建只有某个用户组可用的文件夹
    usermod -a表示在原来所属组的基础上追加
    linux mount
    Ubuntu Bash and Dash
    svn co 默认密钥' GNOME keyring
    精简版ffmpeg编译脚本
  • 原文地址:https://www.cnblogs.com/rc727512646/p/2981205.html
Copyright © 2011-2022 走看看