javascript 什么是 Extjs 中的视口

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/7466745/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 00:13:24  来源:igfitidea点击:

what is viewport in Extjs

javascriptextjs

提问by Lohith MV

anyone please briefly explain what viewport is in Extjs Javascript library? or provide a link which explains the basics.

有人请简要解释一下 Extjs Javascript 库中的视口是什么?或提供解释基础知识的链接。

Thanks in advance,

提前致谢,

回答by Tommi

Viewport is a container that automatically resizes itself to the size of the whole browser window. You can then add other ExtJS UI components and containers in it.

Viewport 是一个容器,它会自动将自身调整为整个浏览器窗口的大小。然后,您可以在其中添加其他 ExtJS UI 组件和容器。

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.container.Viewport

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.container.Viewport

回答by Varun Achar

Checkout this page.. Go to Layouts > Simple Viewport for demo

结帐此页面。. 转到 Layouts > Simple Viewport 进行演示

回答by Renganathan M G

A specialized container representing the viewable application area (the browser viewport).

表示可视应用程序区域(浏览器视口)的专用容器。

The Viewport renders itself to the document body, and automatically sizes itself to the size of the browser viewport and manages window resizing. There may only be one Viewport created in a page.

视口将自身呈现到文档正文中,并根据浏览器视口的大小自动调整自身大小并管理窗口大小调整。一个页面中只能创建一个视口。

Like any Container, a Viewport will only perform sizing and positioning on its child Components if you configure it with a layout.

与任何容器一样,如果您使用布局对其进行配置,视口将仅对其子组件执行大小调整和定位。

A Common layout used with Viewport is border layout.

与 Viewport 一起使用的常见布局是边框布局。

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

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