Ext.Viewport

javaPie

于 2016-02-26 16:54:03 发布

阅读量807

点赞数

分类专栏： ExtJs

ExtJs 专栏收录该内容

246 篇文章 5 订阅

订阅专栏

Ext.Viewport

博客分类：
ExtJS_3.0

EXT 浏览器 HTML

Ext.Viewport代表浏览器窗口的整个显示区域，将document body作为渲染对象，它会根据浏览器窗口的大小自动调整自身的尺寸。
在一个页面中只允许出现一个Viewport实例，没有提供对滚动条的支持。

     Js代码   
     
   
 Ext.onReady(function(){  
     var accordion = new Ext.Panel({  
         title: "功能分组",  
         layout: "accordion",  
         layoutConfig: {  
             animate: true  
         },  
         width: 250,  
         minWidth: 100,  
         region: "west",  
         split: false,  
         collapsible: true,  
         items: [  
             {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},  
             {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},  
             {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}  
         ]  
     });  
       
     new Ext.Viewport({  
         title: "Viewport",  
         layout: "border",  
         defaults: {  
             bodyStyle: "background-color: #FFFFFF;",  
             frame: true  
         },  
         items: [  
             accordion,  
             {region:"north", height:100},  
             {region:"center"}  
         ]  
     });  
 });  

查看图片附件

分享到：

Ext.TabPanel | 垂直盒布局（VBoxLayout）

2010-05-18 02:00
浏览 14894
评论(2)
分类:Web前端
相关推荐

2 楼 zzg16 2011-09-21

lingfenfei 写道

items: [
14.            {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},
15.            {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},
16.            {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}
17.        ]

请问如何让这些成为动态的

可以请求一个servlet,servlet生成JSON数据,然后用JS处理JSON数据即可.

1 楼 lingfenfei 2011-01-14