`
ll_feng
  • 浏览: 383106 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs 我的第三个ext程序--窗口

阅读更多
ibeans_ui_printWindow.js:
Ext.namespace("Ibeans.ui");
//构建对象
Ibeans.ui.printWindow = function(_text,_iconCls,_width,_height) { 
	this.iconCls = _iconCls;
	this.text = _text;
	this.width = _width;
	this.height = _height;
	if(!_iconCls) {
	   this.iconCls = 'print-win';
	}
	if(!_text) {
	   this.text = '打印事件';
	}
	if(!_width){
		this.width = 700;
	}
	if(!_height){
		this.height = 450;
	}

	Ibeans.ui.printWindow.superclass.constructor.call(this, {
	      title :  this.text + '窗口',
	      iconCls :  this.iconCls,
	      layout : 'fit',     
	      plain : true,
	      items: {
	          xtype:'box',
	          el: 'word_print',
	          height: '100%'
	      },
	      width : this.width,//700,
	      height: this.height,//450,
	      maximizable:true,
	      minimizable:false,
	      //modal :true,
	      resizable :true,
	      closeAction: 'hide',       
	      buttons : [{
	        text : '取消',
	        handler : this.hide.createDelegate(this, [])
	      }],
	      listeners:{
	      	minimize : function(win){	//窗口最小化处理
	      		//win.setWidth(0);
	      		//win.setHeight(0);
	      		//win.setPosition(this.width-100,this.height-100);
	      		//win.height=20;
	      	}
	      
	      }
	}); 
};


//实现继承
Ext.extend(Ibeans.ui.printWindow, Ext.Window, {
saveOrUpdate : function() {
		if (this.stuffForm.getForm().isValid()) {

			var formvalue = this.stuffForm.form.getValues();

			Ext.MessageBox.show({
				msg : '正在请求数据, 请稍侯',
				progressText : '正在请求数据',
				width : 300,
				wait : true,
				waitConfig : {
					interval : 200
				}
			});

			Ext.Ajax.request({
				url : 'saveStuff.action',
				params : formvalue,
				method : 'POST',
				success : function(response) {
					var r = Ext.decode(response.responseText);
					if (!r.success)
						Ext.Msg.alert("提示信息", "数据保存失败,由以下原因所致:<br/>"+ (r.message));
					else {
						Ext.MessageBox.hide();
						this.hide();
						Ext.Msg.alert("提示信息", "保存成功!", function() {
							this.grid.refresh();
						}, this);
					}
				},
				scope : this
			});

		}
	},

delete:function(){
//
}
}); 



可以用以下代码应用以上构建的窗口程序
var printWin = new Ibeans.ui.printWindow(_title,null,null,null);
printWin.show();


注意:
在创建Window时如果不指定el属性在close后就可以重构,如果设置了el属性在销毁时会把相应的div也销毁因此会出现this.el.dom 为空或不是对象。这时可以采用hide方式来处理window。
分享到:
评论

相关推荐

    深入浅出ExtJS PDF 扫描版

    第3章 表格控件 第4章 表单与输入控件 第5章 树形结构 第6章 拖放 第7章 弹出窗口 第8章 布局 第9章 工具栏和菜单 第10章 数据存储与传输 第11章 实用工具 第12章 一个完整的EXT应用 第13章 通过Ext Framework合理地...

    ExtJS实用开发指南下载

    序言; 第二章 开始EXTJS; 第三章 EXT框架基础及核心介绍 第四章 试用面板 第五章 窗口及对话 …… TreePanel,layout,store

    深入浅出ExtJS学习PDF 文档下载

    第3章 表格控件 第4章 表单与输入控件 第5章 树形结构 第6章 拖放 第7章 弹出窗口 第8章 布局 第9章 工具栏和菜单 第10章 数据存储与传输 第11章 实用工具 第12章 一个完整的EXT应用 第13章 通过Ext Framework合理地...

    精通JS脚本之ExtJS框架.part2.rar

    第3章 开始使用ExtJS 3.1 ExtJS概述 3.1.1 ExtJS简介 3.1.2 ExtJS中的基本概念 3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写Hello...

    轻松搞定Extjs_原创

    这是我花费数月写的关于Extjs的原创教程,共29个章节。下面是目录: 目 录 1 第一章:序 6 第二章:准备与资源 9 一、下载 9 二、拦路虎 9 三、布署环境 11 四、SpketIDE 12 五、资源 16 六、小结 16 第三章:Ext ...

    精通JS脚本之ExtJS框架.part1.rar

    第3章 开始使用ExtJS 3.1 ExtJS概述 3.1.1 ExtJS简介 3.1.2 ExtJS中的基本概念 3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写Hello...

    ExtJs4_笔记.docx

    第三章 Ext.Ajax 对ajax的支持 23 一、ExtJs中的Ajax:Ext.Ajax.request 23 二、元素对象Ajax式更新:Ext.Updater,[已弃用] 29 第四章 Ext.XTemplate 模板 31 一、使用标签tpl和操作符for 33 二、在子模板的范围内...

    掏钱学Ext(完整版) 附全部源码

    5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. ...

    EXT2.0中文教程

    5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个...

    深入浅出Ext JS(第2版).part1.rar

    紧接着对ExtJS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后一个完整的EXT应用结束全书。每个知识点都配有相应的示例,可操作性...

    Ext JS权威指南

    第3章详细讲解了调试的工具及技巧,这是本书的重要内容,希望所有web开发者都能掌握;第4章全面介绍了ext js的基础架构;第5~9章分别讲解了ext js的事件及其应用、选择器与dom操作、数据交互、模板与组件、容器、...

    EXT教程EXT用大量的实例演示Ext实例

    5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看...

    Ext 开发指南 学习资料

    5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox.alert() 5.2.2. Ext.MessageBox.confirm() 5.2.3. Ext.MessageBox.prompt() 5.3. 如果你想的话,可以控制得更多 5.3.1. 可以输入多行的输入框 5.3.2. 再看一个...

    EXT2.0 简明教程!(chm)

    第 3 章 歌颂吧!只为了树也要学ext。 第 4 章 祝福吧!把表单和输入控件都改成ext的样式。 第 5 章 雀跃吧!超脱了一切的弹出窗口。 第 6 章 奔腾吧!让不同的浏览器里显示一样的布局。 第 7 ...

    深入浅出ExtJS(第二版)

    书中详细讲述了EXT的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具等内容,每个知识点都配有相应的示例,可操作性极强,同时补充了两个功能强大的实例,并加入...

    快意编程 EXT JS Web开发技术详解.pdf

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    ExtAspNet_v2.3.2_dll

    -修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...

    Ext Js权威指南(.zip.001

    第3章 调试工具及技巧 / 62 3.1 使用firebug进行调试 / 62 3.2 在ie中调试 / 76 3.2.1 使用debugbar和companion.js调试 / 76 3.2.2 使用ietester测试 / 80 3.2.3 在ie 8或ie 9中调试 / 83 3.3 在chrome中调试...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

    ExtJs2.0简明教程

    …….13 2.5 事件处理……………………………………………………………………………………………………………15 第三章 使用面板………………………………………………………………………………………………...

Global site tag (gtag.js) - Google Analytics