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

EXT 可以这么使用

阅读更多
首先申明一下,本人不是专门搞ExtJS的

每个页面都可以使用俩个自定义的JS作为使用ExtJS补充

ui-style.js,主要是覆盖ExtJS默认的属性,如日期格式默认是mm/yy/dd,可以改成yy-mm-dd,如下内容供参考

Ext.form.Field.prototype.msgTarget = 'under';
Ext.form.FormPanel.prototype.labelWidth= 80;  
Ext.form.FormPanel.prototype.labelAlign='left';
Ext.form.BasicForm.prototype.waitTitle = '处理中';
Ext.grid.DateColumn.prototype.format   = "Y-m-d";
Ext.form.DateField.prototype.format = "Y-m-d";
//page
PAGE_LIMIT  = 10
Ext.PagingToolbar.prototype.displayInfo=true;
Ext.PagingToolbar.prototype.displayMsg='从{0} 到 {1} 总共 {2} ';
Ext.PagingToolbar.prototype.emptyMsg = "无记录";
Ext.PagingToolbar.prototype.pageSize=PAGE_LIMIT;
//grid
Ext.grid.GridPanel.prototype.stripeRows=true;
Ext.BLANK_IMAGE_URL = window.contextPath +'/resource/extjs/skins/default/images/default/s.gif';
//combox
Ext.form.ComboBox.prototype.mode = "local";
Ext.form.ComboBox.prototype.triggerAction = "all";
Ext.form.ComboBox.prototype.valueField = "id";
Ext.form.ComboBox.prototype.displayField = "displayText";//
Ext.form.TextField.prototype.width = 140;
Ext.form.ComboBox.prototype.width = 140;
//其他变量
MUST_SELECT_ONE = "请选中一行";
SERVER_ERROR = "服务器错误,请稍后再试"
OPERATION_SUCCESS="操作成功"


另外一个是修改ExtJS默认处理,如ajax load出错,则给出统一提示,再比如当ajax请求,锁定页面上的某个button或者窗口等,例子如下:
Ext.data.Store.prototype.listeners = {
            exception:function(dataProxy, type, action, options, response, arg) {
            		alert(SERVER_ERROR);
            		
            }
}

Ext.Ajax.on('beforerequest', beforerequest, this);
Ext.Ajax.on('requestcomplete', requestcomplete, this);
Ext.Ajax.on('requestexception', requestexception, this);

function beforerequest(conn,  options){
	var cmp = Ext.getCmp(options.maskId);
	
		if(cmp!=null){
		var xtype = cmp.getXType()
		if(xtype=="grid"||xtype=="form"||xtype=="panel"){
			cmp.el.mask('请稍等....', 'x-mask-loading');  
		}else{
			
			cmp.disable();
		}
		
	}

}

function requestcomplete( conn,  response,  options){
	var cmp = Ext.getCmp(options.maskId);	
	if(cmp!=null){
		var xtype = cmp.getXType()
		if(xtype=="grid"||xtype=="form"||xtype=="panel"){
			cmp.el.unmask('请稍等....', 'x-mask-loading');  
		}else{
			cmp.enable();
		}
	}
	
}

function requestexception( conn,  response,  options){
	requestcomplete(conn,response,options);
	
}




再次申明,我不是搞ExtJS的,不要问我ExtJS的问题啊,我不懂
分享到:
评论

相关推荐

    ext使用ext使用ext使用ext使用

    ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ex

    EXT最新使用手册(中文)

    开发者可以使用`Ext.Element.on()`方法来监听DOM事件,也可以利用`Ext.Element.addListener()`进行事件绑定。 6. 使用Widgets: EXT的Widgets是一组预定义的UI组件,如按钮、表单、面板等。它们封装了复杂的交互...

    在windows下使用Ext2Fsd访问EXT4分区

    - 高级用户可以使用命令行参数来定制挂载选项,但这需要对EXT4和Windows命令行有一定了解。 总之,Ext2Fsd是Windows用户访问EXT4分区的一个实用工具,它提供了一个方便的桥梁,使跨平台的数据交换变得更加简单。...

    Ext4.0使用指南

    【EXT4.0使用指南】 EXT4.0是Ext JS框架的一个重要版本,它提供了丰富的用户界面组件和强大的数据管理功能,广泛应用于Web应用程序的开发。这篇指南将着重于EXT4.0的基础知识,帮助初学者快速入门EXT JS的开发。 1...

    ext的使用入门

    ext的使用入门,特别适合新手学习和使用。给好评哦亲

    ext3.jar ext使用非常多

    在网站开发中,EXT框架的使用可以提供强大的用户界面,例如,通过EXT的数据网格组件,可以方便地展示和操作大量数据;通过EXT的表单组件,可以构建复杂的表单输入和验证机制;通过EXT的图表组件,可以直观地展示数据...

    Ext3.0使用示例

    【Ext3.0使用示例】 Ext3.0是一种广泛使用的日志文件系统,它是在Linux操作系统中的标准文件系统之一。这个版本的Ext3引入了许多改进,以提高系统的稳定性和性能,尤其适合大规模数据存储和高并发访问的环境。本文...

    EXT tree 使用 实例 最新

    2. **数据源**:EXT Tree的数据可以来源于服务器端,也可以预定义在本地。使用`store`配置来指定数据源,可以是JSON数组或者远程URL。数据格式通常是JSON,每个对象代表一个节点,包含`text`(节点文本)、`id`...

    Windows 7下使用Ext2Fsd读取写入Linux Ext3&Ext4分区文件

    4. 如果在使用过程中遇到问题,可以查阅Ext2Fsd的官方文档或在线社区,寻求帮助。 总之,Ext2Fsd提供了一种实用的方法,使得Windows用户能够在不离开熟悉的Windows环境的情况下,方便地访问和管理Linux Ext3和Ext4...

    Windows读取Ext4分区的工具 Ext2Read

    5. **递归拷贝**: 在需要备份或迁移数据时,用户可以使用Ext2Read进行递归拷贝,一次性复制整个目录及其子目录的内容,这对于数据迁移非常方便。 **使用方法** 1. 下载并安装Ext2Read,注意提供的压缩包文件名为`...

    Ext2.3.0以及Ext_js使用开发指南

    Ext&Ext开发指南‘’‘Ext&Ext开发指南’‘’Ext&Ext开发指南‘’‘Ext&Ext开发指南’‘’Ext&Ext开发指南‘’‘Ext&Ext开发指南

    ext教程、ext使用简明教程

    ext使用简明教程 ext中文手册 ext中文教程 extJs学习

    Ext_3.2模板的使用示例

    环境:Windows XP SP2、IE 7.0、Ext 3.2.1、MyEclipse 5.5、Tomcat 6.0 使用步骤: 1、下载解压缩之后,使用MyEclipse导入工程 2、把工程发布到服务器 3、在IE的地址栏输入http://localhost:8080/ExtTemplate/之后...

    FCKEditor与ext结合使用

    **正文** 在Web开发中,富文本编辑器和前端框架...结合使用FCKEditor与EXT,可以创建出功能强大且用户体验优秀的Web应用。这种结合方式在内容管理系统、论坛、博客平台等场景下尤为常见,为用户提供了一流的编辑体验。

    EXT GRID使用

    EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用

    ext的中文文档,使用手册

    ext学习使用中可以使用的手册和文档,包含各种控件的属性和说明,学习入门的好东西

    JSP中使用EXT实现grid table

    在JavaServer Pages (JSP) 开发中,EXT 是一个流行的JavaScript 框架,它提供了丰富的用户界面组件,包括Grid(数据网格)和...通过熟练掌握EXT Grid的使用,你可以提高Web应用的交互性和功能性,满足各种复杂的需求。

    ext d3 的源代码,配合ext 6.7使用

    描述中提到的“需要的可以下载,配合ext 6.7使用”,意味着这个资源是为那些已经使用或计划使用EXT JS 6.7版本开发项目,并希望在项目中加入数据可视化的开发者准备的。EXT JS 6.7是一个稳定且功能丰富的版本,提供...

    Ext 中文使用手册

    在开始使用Ext Core时,你可以从官方主页下载最新版本。手册还提供了PDF下载链接,方便离线查阅。Ext Core有两个版本:调试版(-debug)和产品版。调试版包含未混淆的错误信息,适合开发阶段使用;产品版经过压缩和...

    Ext window的使用

    除了参考官方文档,还可以访问博客(如给定的链接)和其他开发者社区,学习他们如何使用和优化Ext.Window。 通过以上内容,你应该对Ext Window有了更全面的理解,能够熟练地在项目中应用和定制这一组件。不断探索...

Global site tag (gtag.js) - Google Analytics