ExtJs--05--给window组件加入功能条以及子组件获取上级或下级组件的属性和方法

Ext.onReady(function(){

/**
1--
给容器组件加入控制条 及 控制项
控制条 不同的方向有多种  tbar   lbar  rbar  bbar  fbar
2--
依据组件本身拿到上级组件的属性及方法调用
 */
	var win = new Ext.window.Window({
				id:"id001",//自己定义编号
				title:"自己定义标题信息",//标题
				width:400,//宽度  能够使用百分比 自适应浏览器大小
				height:400,//高度
				top:0,
				left:0,
				layout:"vbox",
				renderTo:Ext.getBody(),
				// tbar   lbar  rbar  bbar  fbar
				tbar:[{
					text:"第一个button",
					handler:function(btn){
//						Ext.Msg.alert("no1","1 info ");
//						btn.up("window").hide();  //第一种获得上级组件  当然up是向上查找,  down是向下查找
						alert(btn.up("window").title);
					}
				},{
					text:"第二个button",
					handler:function(btn){
//						Ext.Msg.alert("no2","2 info ");
						Ext.getCmp("id001").hide();   //另外一种获得上级组件
					}
				},{
					text:"第三个button",
					handler:function(btn){
//						Ext.Msg.alert("no3","3 info ");
						//ownerCt:得到当前对象所在的容器组件。
						btn.ownerCt.ownerCt.hide();   //第三种获得上级组件
//						btn.up().up().hide();  //第四种获得上级组件
					}
				}]

	});

	win.show();

})
时间: 2024-10-11 18:16:16

ExtJs--05--给window组件加入功能条以及子组件获取上级或下级组件的属性和方法的相关文章

ExtJs--05--给window组件添加功能条以及子组件获取上级或下级组件的属性和方法

Ext.onReady(function(){ /** 1-- 给容器组件添加控制条 及 控制项 控制条 不同的方向有多种 tbar lbar rbar bbar fbar 2-- 根据组件本身拿到上级组件的属性及方法调用 */ var win = new Ext.window.Window({ id:"id001",//自定义编号 title:"自定义标题信息",//标题 width:400,//宽度 可以使用百分比 自适应浏览器大小 height:400,//高

BOM的window对象的属性及其方法

Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY.FRAMESET或 FRAME元素时,都会自动建立window对象的实例.另外,该对象的实例也可由window.open()方法创建.由于window对象是其它大部 分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用.例如:window.document.write()可以 简写成: document.write(). 在窗口中觖发本窗

ExtJs学习之Window

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>EXtjs学习之Window</title> <link rel="stylesheet" type="text/css" href="extjs-

Bootstrap组件之导航条

.navbar--设置nav元素为导航条组件: .navbar-default--指定导航条组件为默认主题: .navbar-inverse--指定导航条组件为黑色主题: .navbar-fixed-top--设置导航条组件固定在顶部: .navbar-fixed-bottom--设置导航条组件固定在底部: .container-fluid--设置宽度充满父元素,即为100%: .navbar-header--主要指定div元素为导航条组件包裹品牌图标及切换按钮: .navbar-toggle-

[Android]组件之进度条2

这个例子不错,详细讲解了alertdialog及LayoutInflater的用法: main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:lay

ExtJs window(一)使用API以及window常用属性和方法

1.使用API xtype:组件的别名 Hierarchy 层次结构 Inherited mixins 混入的类 Requires 该组件需要使用的类 configs:组件的配置信息 properties:组件的属性 methods:组件的方法 events:组件的事件 2.window组件常用属性和方法讲解: configs: constrain:布尔值,true为限制窗口只能在其容器内移动,默认值为false,允许窗口在任何位置移动.(另:constrianHeader属性) modal:布

openstack【Kilo】汇总:包括20英文文档、各个组件新增功能及Kilo版部署

OpenStack Kilo版本发布 20英文文档OpenStack Kilo版本文档汇总:各个操作系统安装部署.配置文档.用户指南等文档 Kilo版部署 openstack[Kilo]入门 [准备篇]零:整体介绍 openstack[Kilo]入门 [准备篇]一: Ubuntu14.04远程连接(ssh安装) openstack[Kilo]入门 [准备篇]二:NTP安装 openstack[Kilo]入门 [准备篇]三:mysql(MariaDB)安装[控制节点] openstack[Kilo

1.05.体验-Cisco UC-基本功能 v1.1(请-下载-附件(百度云盘)! 有惊喜!)

1.05.体验-Cisco UC-基本功能 <跟菜鸟学 Cisco UC 部署实战>- 实战培训 - 实现的功能 - 展示! v1.1 作者:学无止境 时间:制作于2016年06月19日(农历:5月15日,作者 36 岁之日!) QQ : 3313395633 (!!!欢迎咨询!!!) 1.05.体验-Cisco UC-基本功能 v1.1.pdf 链接:http://pan.baidu.com/s/1pKFmifT 密码:q66e 附:( 36岁 生日礼物! )

Web Uploader - 功能齐全,完美兼容 IE 的上传组件

文件上传是网站和 Web 应用程序的常用功能,一直没有一款完美的文件上传组件,因此让很多开发人员碰到头疼的浏览器兼容问题. WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主,FLASH 为辅的现代文件上传组件.在现代的浏览器里面能充分发挥 HTML5 的优势,同时又不摒弃主流IE浏览器,沿用原来的 FLASH 运行时,兼容 IE6+,iOS 6+, android 4+.采用大文件分片并发上传,极大的提高了文件上传效率. 源码下载      在线演示 特性 分