ExtJs 中Viewport的介绍与使用

ExtJs 中Viewport的介绍与使用

VeiwPort 代表整个浏览器显示区域,该对象渲染到页面的body 区域,并会随着浏览器显示区域的大小自动改变,一个页面中只能有一个ViewPort 实例。Viewport 不需要再指定renderTo,而我们也看到Viewport 确实填充了整个浏览器显示区域,并会随着浏览器显示区域大小的改变而改改。Viewport 主要用于应用程序的主界面,可以通过使用不同的布局来搭建出不同风格的应用程序主界面。在Viewport 上常用的布局有fit、border 等,当然在需要的时候其它布局也会常用。

举例1如下:


效果如下:

举例2:


效果如下:

备注:xtype一栏操作

你可能感兴趣的:(ExtJs 中Viewport的介绍与使用)