/**
* 通用窗口
* @param {} conf
* @param {} refPoint 窗口中 注入的 对象(窗口内容由它来显示)
*
* 重要方法
* @method onSubmit
* --直接由窗口的"确定按钮"触发
* --参数部分,写的回调方法,根据个人的业务需求,进行编写。
*
*/
CurrencyWin = function(conf,refPoint){
var scope = this;
var config = {
title: '窗口',
width: 630,
height:420,
resizable:false,
autoHeight:true,
containerScroll: true,//滚动条
autoScroll:true, //滚动条
collapsible:false,
maximizable:false,
layout : 'form',
buttonAlign :'center',
bodyStyle: 'padding: 2px,2px,2px,2px',
items : [
refPoint
],
buttons : [
{text:'确定',handler:function(){scope.submitFn();}},
{text:'取消',handler:function(){scope.cancelFn();}}]
}
Ext.apply(config,conf);
CurrencyWin.superclass.constructor.call(this,config);
}
Ext.extend(CurrencyWin ,Ext.Window,{
/**
* @public
* 提交事件
* @param {} scope
* @param {} event
*
* @return result
*/
onSubmit : function(event,scope){
this.setParams('onSubmit-scope',scope);
this.setParams('onSubmit-event',event);
},
/**
* @private
*/
submitFn : function(){
this.runEvent('onSubmit');
this.closeFn();
},
/**
* @private
*/
cancelFn : function(){
this.closeFn();
},
/**
* @private
* 执行事件
*/
runEvent : function(eventName){
var scope = this.getParamsValue( eventName+"-scope");
var event = this.getParamsValue(eventName+"-event");
if(event!=null&&event!=""){
event.call(scope);
}
},
/**
* @private
* @param {} key
* @param {} value
*/
setParams : function(key,value){
if( this.paramsMap == null ){
this.paramsMap = {};
}
this.paramsMap[key] = value;
},
/**
* private
* @param {} key
* @return {}
*/
getParamsValue : function(key){
if( this.paramsMap == null ){
this.paramsMap = {};
}
return this.paramsMap[key];
},
/**
* @private
* 关闭窗口 或 隐藏窗口
*/
closeFn : function(){
if(this.closeAction=='hide'){
this.hide();
}else{
this.close();
}
}
});
分享到:
相关推荐
根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...
我们需要覆盖或扩展原有组件的配置项、方法和事件。 2. **多选逻辑**:实现多选功能的关键在于如何记录用户的选择并允许他们添加和删除日期。这可能涉及到在组件内部维护一个日期数组,以及与用户交互的UI元素,如...
总结起来,EXTJS中实现Window的最小化和还原功能需要对EXTJS组件系统有深入理解,包括Window组件的属性和方法,以及事件驱动的编程模式。通过自定义事件处理和状态管理,我们可以为EXTJS应用添加这样的高级交互功能...
本话题主要关注如何在EXTJS3的Window组件中实现一个功能:当用户在窗口内修改了数据后,关闭窗口时提示用户是否保存更改。未进行修改的情况下,窗口可以直接关闭,不显示任何提示。 首先,我们需要创建一个基本的...
在ExtJS中,树形(Tree)组件是一种用于展示层级数据的强大工具,它允许用户以树状结构浏览和操作数据。然而,在处理大量数据时,一次性加载所有节点可能导致页面响应变慢,这时就需要引入分页功能。"Extjs树分页...
在本篇文章中,我们将深入探讨如何在实际项目中使用ExtJS 3.1的组件。 首先,`css`目录包含了ExtJS 3.1的样式文件。这些CSS文件用于定义组件的外观和布局,包括颜色、字体、边距、边框等。在使用过程中,我们需要...
6. **Window(窗口)**: Window组件可以用来弹出浮动的对话框,支持拖动、最大化、最小化和关闭操作。 7. **Toolbar(工具栏)**: Toolbars通常位于Panel的顶部或底部,用于放置按钮、菜单、分割线等元素。 8. **...
extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...
漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦
本文将深入探讨EXTJS树型分页组件的工作原理、实现方法及其实用价值。 1. 树型分页原理 树型分页不同于传统的表格分页,因为它需要处理的是树状结构的数据。在EXTJS中,树型分页通过只加载当前可视区域的节点来...
02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的文章模块界面搭建 07.继续搭建我的文章模块,...
在使用ExtJS进行组件扩展时,开发人员常常会遇到一些典型的问题: 1. **没有封装**:这通常是由于开发者对ExtJS机制理解不足所致。此类问题的核心在于未充分利用ExtJS框架的组件生命周期管理能力,导致编写出的代码...
extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等
ExtJs的各种组件面板等的实例代码详解 以及实例的效果图显示
标题中的"extjs通用后台管理界面"指的是使用ExtJS框架开发的适用于各种后台管理系统的用户界面模板。这种界面通常包括一系列常见的管理功能,如数据表格、图表、表单、导航菜单等,以满足日常的后台管理需求。它的...
- 在早期版本中,ExtJS的包管理系统相对简单,主要是通过引入不同的JavaScript文件来组织和使用组件。 - 使用时,开发者需要根据项目需求选择合适的组件和资源,然后在HTML文件中引入对应的JavaScript和CSS文件。 ...
在博文链接中(由于无法直接访问,我们只能根据通常的博客内容进行推测),作者可能分享了如何配置和使用ExtJS的上传组件,可能包括以下内容: 1. **组件配置**:介绍如何在表单中添加上传字段,如设置`inputType: ...
- 上传组件通常与EXTJS的`Ext.form.Panel`配合使用,表单提交通常使用`Ext.Ajax.request`或`form.submit()`方法。 - `Ext.form.Basic`对象用于处理表单验证,确保所有字段都符合要求。 4. **异步上传**: - ...