ExtJs--06--Ext.WindowGroup相关方法简单使用

Ext.onReady(function(){

//用windowGroup对象去操作多个window窗口
var winG = new Ext.WindowGroup();
for (var i = 1; i <= 5; i++) {
	var win = Ext.create("Ext.Window",{
		id:"win_"+i,
		title:"第"+i+"个窗口",
		width:200,
		height:200,
		renderTo:Ext.getBody()
	});
	win.show();
	winG.register(win);
}
var btn1 = Ext.create("Ext.button.Button",{
	text:"全部隐藏",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.hideAll();

	}
});
var btn2 = Ext.create("Ext.button.Button",{
	text:"全部显示",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.each(function(win){
			win.show();
		})
	}
});

var btn3 = Ext.create("Ext.button.Button",{
	text:"将第二个显示在最前端",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.bringToFront("win_2");
	}
});
var btn4 = Ext.create("Ext.button.Button",{
	text:"将第二个显示在最底端",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.sendToBack("win_2")
	}
});

})

时间: 2024-07-29 14:26:53

ExtJs--06--Ext.WindowGroup相关方法简单使用的相关文章

ExtJS学习--------通过WindowGroup(也叫ZIndexManager)来操作window等组件

具体实现代码:(注意:在进行测试的时候最好分别进行测试,测试一个功能的时候将其他功能注释掉,否则会影响效果....)WindowGroup对象的方法可以在其参考文档中进行查看,文档下载地址:http://download.csdn.net/detail/z1137730824/7748893  下载查看 Ext.onReady(function(){//WindowGroup的使用 var wingroup=new Ext.ZIndexManager();//两个都可以 // var wingr

[ExtJS学习笔记]第八节 Extjs的Ext.toolbar.Toolbar工具条组件及其应用

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38515499 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- Ext JS API: http://docs.sencha.

ExtJs之Ext.data.Store

ExtJs之Ext.data.Store Posted on 2009-07-21 09:09 linFen 阅读(44912) 评论(5) 编辑 收藏 Store.getCount()返回的是store中的所有数据记录,然后使用for循环遍历整个store,从而得到每条记录. 除了使用getCount()的方法外,还可以使用each()函数,如下面的代码所示. store.each(function(record) { alert(record.get('name')); }); Each()

为什么Extjs继承Ext.data.Store不起作用

为什么Extjs继承Ext.data.Store不起作用:引起继承不起作用的原因可能是多种多样的,下面就分析其中的一种,或许能够对有类似情况的有所帮助. DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this.reader = new Ext.data.JsonReader( { totalProperty:

extjs中Ext.ns(&#39;xxx&#39;)中的几个问题

当使用 com.bitc.xmis.ExcelImportWin =  Ext.extend(Ext.Window, {}) 新建一个表单或者窗口时,后面应该加上 com.bitc.xmis.ExcelImportWin.superclass.initComponent.call(this); Ext.extend()函数提供了直接访问父类构造函数的途径,通过 SubClass.superclass.constructor.call(this);就可以直接调用父类的构造函数,这个函数的第一个参数

ExtjS学习--------Ext.define定义类

Ext类Class的配置项:(注:Extjs的 的中文版帮助文档下载地址:http://download.csdn.net/detail/z1137730824/7748893 ExtJS配置文件和示例的下载地址:http://download.csdn.net/detail/z1137730824/7754771) 语法: define( String className, Object data, Function createdFn ) 实例: Ext.onReady(function()

ExtJS学习-------Ext.define的别名和备用名,两种定义静态方法的方法,混入属性和其他属性

(1)Ext.define起别名和备用名 Ext.onReady(function(){ Ext.define('User',{ config:{ name:'张三', age:23 }, //使用别名 alias:'alias_user', //使用备用名 alternateClassName:'alternateClassName_user', constructor:function(config){//构造器 var me=this; me.initConfig(config); } }

ExtJS学习------Ext.define的继承extend,用javascript实现类似Ext的继承

(1)Ext.define的继承extend 具体实例: Ext.onReady(function(){ //Sup Class 父类 Ext.define('Person',{ config:{ name:'bjsxt' } , constructor:function(config){ var me = this ; me.initConfig(config); } }); //Sub Class 子类 Ext.define('Boy',{ //使用Ext的继承 extend:'Person

Ext.Net学习笔记19:Ext.Net FormPanel 简单用法

Ext.Net学习笔记19:Ext.Net FormPanel 简单用法 FormPanel是一个常用的控件,Ext.Net中的FormPanel控件同样具有非常丰富的功能,在接下来的笔记中我们将一起见证FormPanel的强大. FieldLabel FieldLabel属性是每一个Field都具有的属性,它为我们的字段显示一个标签,例如上面登陆窗口中的“用户名”和“密码”. 我们可以通过LabelWidth控制标签的长度,例如我们设置用户名字段的LabelWidth="80": L