`
ll_feng
  • 浏览: 391174 次
  • 性别: 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----HelloWorld程序源码

    在ExtJS中,你可以创建一个`Ext.container.Viewport`对象,它会占据整个浏览器窗口,然后在其中添加你的组件。 6. **文本组件(Label)**:显示“你好,世界!”的文本,可以使用`Ext.Component`或者更具体的`Ext....

    Ext JS高级程序设计

    这本书分为三章,涵盖了Ext JS的关键概念和技术,旨在帮助开发者充分利用这个强大的JavaScript库来构建功能丰富的Web应用程序。 第一章可能涉及了Ext JS的基础和核心概念,包括MVC(Model-View-Controller)架构的...

    我与EXTJS有个约会

    - **adapter**:包含用于将第三方底层库映射到EXTJS支持的底层库的文件。 - **build**:包含压缩后的EXTJS源代码。 - **docs**:提供API帮助文档。 - **examples**:提供了一些使用EXTJS技术实现的小示例。 - **...

    免费 Extjs4.0教程视频

    #### 第三讲:Extjs 4.0数据模型—Model - **数据模型(Model)**: - Model是Extjs中用于存储和管理数据的核心对象之一。 - 定义字段(field)、验证规则(validation)以及数据关联关系。 - 如何创建、加载和保存...

    ext-3.0-rc1.1

    "ext-3.0-rc1.1"是EXTJS的一个版本,代表了该库的第三次重大更新的候选版本1.1。 EXTJS 3.0 RC1.1 (Release Candidate 1.1) 是EXTJS 3.0系列中的一个里程碑,通常在正式版发布前推出,用于收集社区反馈并解决潜在...

    extjs4环境搭建

    ExtJS 是一个强大的JavaScript前端框架,用于构建交互式的、数据驱动的Web应用程序。它提供了丰富的组件库和布局管理,使得开发者能够轻松创建复杂的用户界面。本文将详细介绍如何搭建ExtJS4的开发环境。 首先,你...

    ExtJs中引用的三个js

    ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。它提供了一整套组件、布局管理和数据绑定机制,使得开发者可以构建出功能丰富、交互性强的用户界面。在“ExtJs中引用的三个js”这个主题中,...

    Ext 仿QQ-MSN出现消息框

    5. **动画效果**:模仿QQ或MSN的消息框,可能会加入淡入淡出、滑动等动画效果,这可以通过ExtJS的动画配置或第三方库如jQuery来实现。 6. **消息内容的动态加载**:消息框的内容可能根据程序逻辑动态生成,可能涉及...

    EXTJS窗口示例

    要创建一个EXTJS窗口,首先需要实例化`Ext.window.Window`对象,并传入配置项。例如,创建一个简单的窗口: ```javascript var myWindow = Ext.create('Ext.window.Window', { title: '我的窗口', width: 400, ...

    ExtJs消息提示框

    `ux`是"User eXtension"的缩写,它是ExtJs社区开发的第三方组件,以增强原生框架的功能。 `Ext.ux.window.Notification`是一个特定的扩展,它提供了灵活的、可自定义的弹出通知窗口,可以在屏幕的各个方向展示。这...

    EXTJS4.0的概述和HELLOWORD程序

    2. **创建第一个应用**:通过EXT.application()方法初始化应用,定义基本配置,如入口页面、控制器、视图等。 3. **创建组件**:学习如何创建一个简单的组件,例如一个包含"Hello, World!"文本的标签或按钮。 4. *...

    Extjs测试题

    callback参数中第三个参数response表示返回的数据内容;如果请求执行失败,回调函数不会执行。 9. formpanel提交表单:在formpanel中提交表单时,需要配置正确的参数。这些参数通常包括action指向处理表单数据的URL...

    ExtJS实用开发手册-快速入门

    ExtJS是一个功能强大的JavaScript库,用于构建复杂的Web应用程序。它不仅提供了一系列丰富的UI组件,还支持各种高级功能,如数据绑定、主题定制以及AJAX交互。ExtJS的核心优势在于其高度可配置性和灵活性,使得...

    ExtJs教程_完整版

    ### ExtJs教程_完整版 —— 第一章起步(1)关键知识点详解 #### 一、ExtJS概述 **1.1 极致的用户体验** ExtJS是一个强大的JavaScript框架,专为Web应用开发而设计。它以其优雅的API、丰富的组件集合以及出色的跨...

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和强大的数据绑定机制,使得开发者能够创建出交互性极强的网页应用。本教程主要聚焦于ExtJS 2.0版本的核心API,...

    extjs入门教程

    - **简介**: Spket 是一款第三方插件,用于增强 Eclipse 的 JavaScript 开发能力。 - **最新版本**: 1.6.18。 - **下载地址**: [Spket 官网](www.spket.com)。 - **配置方法**: - 将 `plugins` 和 `features` 目录...

    Extjs4.0学习指南(中文)

    - **应用场景**: 当需要一个窗口或面板内放置一个 Grid 组件时,Grid 大小会随父容器尺寸变化而变化,非常适合用于展示数据表格。 通过以上介绍,我们可以了解到Extjs4.0是一个功能强大的前端框架,不仅提供了丰富的UI...

Global site tag (gtag.js) - Google Analytics