什么是 Extjs 中的视口(Viewport)？

Question

请简要解释一下 Extjs Javascript 库中的视口（viewport）是什么，或者提供一个解释基础知识的链接。

谢谢。

- Lohith MV

Answer 1

视窗是一个容器，它会自动调整大小以适应整个浏览器窗口的大小。您可以在其中添加其他ExtJS UI组件和容器。 http://docs.sencha.com/ext-js/4-0/#!/api/Ext.container.Viewport

- Tommi

Answer 2

请查看此页面。前往布局 > 简单视口以查看演示。

- Varun Achar

---

非常有用的例子，它解决了我所有的疑问。我正在寻找类似的例子，但我正在使用旧版本（Extjs 2.1），你有任何链接吗？ - Lohith MV

Answer 3

Viewport是一个专门的容器，代表可视应用程序区域（浏览器视口）。

Viewport会自动渲染到文档主体，并自动调整大小以适应浏览器视口的大小并管理窗口调整大小。在页面中只能创建一个Viewport。

与任何容器一样，如果您使用布局配置Viewport，则它将仅对其子组件执行大小和定位。

Viewport常用的布局是边框布局。

http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.Viewport

- Renganathan M G