视图Ext.Viewport和窗口Ext.Window用法详解编程语言
Viewport不需要再指定renderTo,而我们也看到Viewport确实填充了整个浏览器显示区域,并会随着浏览器显示区域大小的改变而改改。他有三个特点:
1)、创建即可使用。不需要渲染,当组件在创建时会自动渲染到document.body节点。
2)、不能使用程序改变该控件的大小,也没有滚动条。
3)、只是作为容器组件,没有额外的属性、方法及事件
HTML HEAD TITLE 布局 /TITLE link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" / script type="text/javascript" src="Ext/ext-base.js" /script script type="text/javascript" src="Ext/ext-all.js" /script script type="text/javascript" src="Ext/ext-lang-zh_CN.js" charset="utf-8" /script /HEAD script type="text/javascript" Ext.onReady(function(){ new Ext.Viewport({ enableTabScroll: true, layout: "border", items: [{ title: "面板", region: "north", height: 50, html: " h1 网站后台管理系统! /h1 " }, { title:"菜单", region:"west", width:200, collapsible:true, html:"菜单栏" }, { xtype: "tabpanel", region: "center", items: [{ title: "面板一" }, { title: "面板二" }); }); /script BODY script type="text/javascript" src="Ext/examples/shared/examples.js" /script /BODY /HTML
窗口Window
我们来讲窗口Window控件,他可以用来表示应用程序中的一个窗口,在窗口中可以放置种种界面元素。窗口Ext.Window的父类是Ext.Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。
由于窗口是总是顶级容器,因此一般情况下我都是直接使用new操作符来创建一个Ext.Window对象来使用窗口。窗口中的内容与面板一样,可以是各种各样的Ext组件或控件元素,也可以是html片段或指定url中的html内容。由于窗口是一种特殊的面板,因此面板的能用特性对窗口仍然适用。相对于面板Ext.Panel来说,他不需要指定渲染目标,也就是不需要指定渲染到页面中的某一个节点。当调用窗口的show方法的时候,他会自动把窗口渲染(render)到当前文档的body节点中,并使该面板浮动在页面中,使得窗口不依赖于其它的父容器而存在。
窗口关闭及隐藏
窗口的隐藏及关闭。在程序中我们可以直接调用窗口对象的相关方法来实现窗口的隐藏及关闭操作。其中hide()方法用来隐藏窗口,而close()方法则用来直接关闭并销毁窗口。如果程序窗口在后面的程序中不需要重新显示,则应该使用hide()方法,这样可以节省再次初始化这个窗口所产生的资源消耗;如果窗口在后面的程序中不需要重新显示,则应该调用close()来关闭窗口,从而释放窗口对象所占用的系统资源。
默认情况下,窗口的标题工具栏中会包括一个关闭按钮,点击该按钮会执行窗口的关闭或隐藏操作。
模态及非模态窗口
窗口可以分为模态窗口及非模态窗口两种类型,所谓模态窗口就是指当该窗口打开时,除了本窗口中的内容可以操作以外,窗口以外的控件、界面元素及内容都处于不可用状态,只有当关闭该窗口后,这些变成不可用状态的元素及内容才能恢复成为可用状态;而非模态窗口打开时,不影响窗口以外的其它元素的可操作及可用状态。
在配置选项中通过modal选项来指定窗口是否属于模式窗口。默认情况下的窗口都是非模态窗口,当把modal属性设置为true时,窗口就会变成一个模态窗口。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13248.html
cjava相关文章
- 简单的JsTree 树形视图 checkbox demo详解编程语言
- JDK7目录监视服务详解编程语言
- Java获取当前路径和读取文件详解编程语言
- Python学习之路 (三)爬虫(二)详解编程语言
- Struts2自界说效果视图(servlet验证码)详解编程语言
- kafka源码解析Word版详解编程语言
- C语言中的字符数组和字符串详解编程语言
- Scalaz(36)- Free :实践-Free In Action – 实用体验详解编程语言
- Scalaz(0) – 写在前面详解编程语言
- word文本类型在sqlserver2008里面采用类型k详解编程语言
- 创建视图详解编程语言
- Unsupported major.minor version 51.0详解编程语言
- 解决https证书验证不通过的问题详解编程语言
- 算法-数字在排序数组中出现的次数详解编程语言
- 算法-不用加减乘除做加法详解编程语言
- JavaMail入门第三篇 发送邮件详解编程语言
- json字符串转JSONObject和JSONArray以及取值详解编程语言
- 原码和补码详解编程语言
- S4 HANA BP 相关表及其对应BP业务操作(一般视图、公司视图、采购视图、销售分销视图)详解编程语言
- URLWRITE视图重写技术详解编程语言
- DRF (Django REST framework) 中的视图扩展类详解编程语言
- 访问SAP的Domain的Value Range详解编程语言
- Spring boot 定时器详解编程语言
- 为SM30视图分配事务代码详解编程语言
- 如何在表维护视图(maintenance view)上添加自定义按钮(SM30)详解编程语言
- 如何创建视图簇(View cluster)-SE54/SM34详解编程语言
- 如何从维护视图(Maintenace view)中取数据-[VIEW_GET_DATA]详解编程语言
- SAP 序列号里主批次与库存批次不同,如何修改详解编程语言
- 离散制造与流程制造的区别详解编程语言
- SAP的视图详解编程语言
- Mybatis——整合SpringMVC详解编程语言