`
墓里活人
  • 浏览: 22930 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
  • 墓里活人: 回1楼: 具体的任务没有限定,根据你的需求来定。 比如我就 ...
    java线程池
  • ora92: 楼主,你的程序我试着运行了一下,能具体说一下它能完成什么任务吗 ...
    java线程池

Extjs 通用window组件自创使用方法

EXT 
阅读更多

/**
 * 通用窗口 
 * @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();
		   	       }
		}
});

0
0
分享到:
评论

相关推荐

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法,帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架,用于创建...

    ExtJS日期多选组件源码

    我们需要覆盖或扩展原有组件的配置项、方法和事件。 2. **多选逻辑**:实现多选功能的关键在于如何记录用户的选择并允许他们添加和删除日期。这可能涉及到在组件内部维护一个日期数组,以及与用户交互的UI元素,如...

    Extjs使用Window最小化窗口

    总结起来,EXTJS中实现Window的最小化和还原功能需要对EXTJS组件系统有深入理解,包括Window组件的属性和方法,以及事件驱动的编程模式。通过自定义事件处理和状态管理,我们可以为EXTJS应用添加这样的高级交互功能...

    extjs3 window窗口修改完退出提示是否保存

    本话题主要关注如何在EXTJS3的Window组件中实现一个功能:当用户在窗口内修改了数据后,关闭窗口时提示用户是否保存更改。未进行修改的情况下,窗口可以直接关闭,不显示任何提示。 首先,我们需要创建一个基本的...

    Extjs树分页组件扩展

    在ExtJS中,树形(Tree)组件是一种用于展示层级数据的强大工具,它允许用户以树状结构浏览和操作数据。然而,在处理大量数据时,一次性加载所有节点可能导致页面响应变慢,这时就需要引入分页功能。"Extjs树分页...

    extjs 3.1 组件 使用

    在本篇文章中,我们将深入探讨如何在实际项目中使用ExtJS 3.1的组件。 首先,`css`目录包含了ExtJS 3.1的样式文件。这些CSS文件用于定义组件的外观和布局,包括颜色、字体、边距、边框等。在使用过程中,我们需要...

    Extjs3.0 常用组件介绍及怎么安装开发利器Spket

    6. **Window(窗口)**: Window组件可以用来弹出浮动的对话框,支持拖动、最大化、最小化和关闭操作。 7. **Toolbar(工具栏)**: Toolbars通常位于Panel的顶部或底部,用于放置按钮、菜单、分割线等元素。 8. **...

    extjs入门之组件学习

    extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...

    Extjs图片展示组件实例

    漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦

    extjs 树型分页组件

    本文将深入探讨EXTJS树型分页组件的工作原理、实现方法及其实用价值。 1. 树型分页原理 树型分页不同于传统的表格分页,因为它需要处理的是树状结构的数据。在EXTJS中,树型分页通过只加载当前可视区域的节点来...

    MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统

    02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的文章模块界面搭建 07.继续搭建我的文章模块,...

    ExtJS 组件扩展

    在使用ExtJS进行组件扩展时,开发人员常常会遇到一些典型的问题: 1. **没有封装**:这通常是由于开发者对ExtJS机制理解不足所致。此类问题的核心在于未充分利用ExtJS框架的组件生命周期管理能力,导致编写出的代码...

    extjs各种常用组件归纳总结

    extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等

    ExtJs实例详解(个组件的属性方法例子应有尽有)

    ExtJs的各种组件面板等的实例代码详解 以及实例的效果图显示

    extjs通用后台管理界面

    标题中的"extjs通用后台管理界面"指的是使用ExtJS框架开发的适用于各种后台管理系统的用户界面模板。这种界面通常包括一系列常见的管理功能,如数据表格、图表、表单、导航菜单等,以满足日常的后台管理需求。它的...

    ExtJS开发插件及Ext包

    - 在早期版本中,ExtJS的包管理系统相对简单,主要是通过引入不同的JavaScript文件来组织和使用组件。 - 使用时,开发者需要根据项目需求选择合适的组件和资源,然后在HTML文件中引入对应的JavaScript和CSS文件。 ...

    Extjs绚丽上传组件

    在博文链接中(由于无法直接访问,我们只能根据通常的博客内容进行推测),作者可能分享了如何配置和使用ExtJS的上传组件,可能包括以下内容: 1. **组件配置**:介绍如何在表单中添加上传字段,如设置`inputType: ...

    EXTJS 上传组件及示例

    - 上传组件通常与EXTJS的`Ext.form.Panel`配合使用,表单提交通常使用`Ext.Ajax.request`或`form.submit()`方法。 - `Ext.form.Basic`对象用于处理表单验证,确保所有字段都符合要求。 4. **异步上传**: - ...

Global site tag (gtag.js) - Google Analytics