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中,你可以创建一个`Ext.container.Viewport`对象,它会占据整个浏览器窗口,然后在其中添加你的组件。 6. **文本组件(Label)**:显示“你好,世界!”的文本,可以使用`Ext.Component`或者更具体的`Ext....
这本书分为三章,涵盖了Ext JS的关键概念和技术,旨在帮助开发者充分利用这个强大的JavaScript库来构建功能丰富的Web应用程序。 第一章可能涉及了Ext JS的基础和核心概念,包括MVC(Model-View-Controller)架构的...
- **adapter**:包含用于将第三方底层库映射到EXTJS支持的底层库的文件。 - **build**:包含压缩后的EXTJS源代码。 - **docs**:提供API帮助文档。 - **examples**:提供了一些使用EXTJS技术实现的小示例。 - **...
#### 第三讲:Extjs 4.0数据模型—Model - **数据模型(Model)**: - Model是Extjs中用于存储和管理数据的核心对象之一。 - 定义字段(field)、验证规则(validation)以及数据关联关系。 - 如何创建、加载和保存...
"ext-3.0-rc1.1"是EXTJS的一个版本,代表了该库的第三次重大更新的候选版本1.1。 EXTJS 3.0 RC1.1 (Release Candidate 1.1) 是EXTJS 3.0系列中的一个里程碑,通常在正式版发布前推出,用于收集社区反馈并解决潜在...
ExtJS 是一个强大的JavaScript前端框架,用于构建交互式的、数据驱动的Web应用程序。它提供了丰富的组件库和布局管理,使得开发者能够轻松创建复杂的用户界面。本文将详细介绍如何搭建ExtJS4的开发环境。 首先,你...
ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。它提供了一整套组件、布局管理和数据绑定机制,使得开发者可以构建出功能丰富、交互性强的用户界面。在“ExtJs中引用的三个js”这个主题中,...
5. **动画效果**:模仿QQ或MSN的消息框,可能会加入淡入淡出、滑动等动画效果,这可以通过ExtJS的动画配置或第三方库如jQuery来实现。 6. **消息内容的动态加载**:消息框的内容可能根据程序逻辑动态生成,可能涉及...
要创建一个EXTJS窗口,首先需要实例化`Ext.window.Window`对象,并传入配置项。例如,创建一个简单的窗口: ```javascript var myWindow = Ext.create('Ext.window.Window', { title: '我的窗口', width: 400, ...
`ux`是"User eXtension"的缩写,它是ExtJs社区开发的第三方组件,以增强原生框架的功能。 `Ext.ux.window.Notification`是一个特定的扩展,它提供了灵活的、可自定义的弹出通知窗口,可以在屏幕的各个方向展示。这...
2. **创建第一个应用**:通过EXT.application()方法初始化应用,定义基本配置,如入口页面、控制器、视图等。 3. **创建组件**:学习如何创建一个简单的组件,例如一个包含"Hello, World!"文本的标签或按钮。 4. *...
callback参数中第三个参数response表示返回的数据内容;如果请求执行失败,回调函数不会执行。 9. formpanel提交表单:在formpanel中提交表单时,需要配置正确的参数。这些参数通常包括action指向处理表单数据的URL...
ExtJS是一个功能强大的JavaScript库,用于构建复杂的Web应用程序。它不仅提供了一系列丰富的UI组件,还支持各种高级功能,如数据绑定、主题定制以及AJAX交互。ExtJS的核心优势在于其高度可配置性和灵活性,使得...
### ExtJs教程_完整版 —— 第一章起步(1)关键知识点详解 #### 一、ExtJS概述 **1.1 极致的用户体验** ExtJS是一个强大的JavaScript框架,专为Web应用开发而设计。它以其优雅的API、丰富的组件集合以及出色的跨...
ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和强大的数据绑定机制,使得开发者能够创建出交互性极强的网页应用。本教程主要聚焦于ExtJS 2.0版本的核心API,...
- **简介**: Spket 是一款第三方插件,用于增强 Eclipse 的 JavaScript 开发能力。 - **最新版本**: 1.6.18。 - **下载地址**: [Spket 官网](www.spket.com)。 - **配置方法**: - 将 `plugins` 和 `features` 目录...
- **应用场景**: 当需要一个窗口或面板内放置一个 Grid 组件时,Grid 大小会随父容器尺寸变化而变化,非常适合用于展示数据表格。 通过以上介绍,我们可以了解到Extjs4.0是一个功能强大的前端框架,不仅提供了丰富的UI...