首先申明一下,本人不是专门搞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使用ex
开发者可以使用`Ext.Element.on()`方法来监听DOM事件,也可以利用`Ext.Element.addListener()`进行事件绑定。 6. 使用Widgets: EXT的Widgets是一组预定义的UI组件,如按钮、表单、面板等。它们封装了复杂的交互...
- 高级用户可以使用命令行参数来定制挂载选项,但这需要对EXT4和Windows命令行有一定了解。 总之,Ext2Fsd是Windows用户访问EXT4分区的一个实用工具,它提供了一个方便的桥梁,使跨平台的数据交换变得更加简单。...
【EXT4.0使用指南】 EXT4.0是Ext JS框架的一个重要版本,它提供了丰富的用户界面组件和强大的数据管理功能,广泛应用于Web应用程序的开发。这篇指南将着重于EXT4.0的基础知识,帮助初学者快速入门EXT JS的开发。 1...
ext的使用入门,特别适合新手学习和使用。给好评哦亲
在网站开发中,EXT框架的使用可以提供强大的用户界面,例如,通过EXT的数据网格组件,可以方便地展示和操作大量数据;通过EXT的表单组件,可以构建复杂的表单输入和验证机制;通过EXT的图表组件,可以直观地展示数据...
【Ext3.0使用示例】 Ext3.0是一种广泛使用的日志文件系统,它是在Linux操作系统中的标准文件系统之一。这个版本的Ext3引入了许多改进,以提高系统的稳定性和性能,尤其适合大规模数据存储和高并发访问的环境。本文...
2. **数据源**:EXT Tree的数据可以来源于服务器端,也可以预定义在本地。使用`store`配置来指定数据源,可以是JSON数组或者远程URL。数据格式通常是JSON,每个对象代表一个节点,包含`text`(节点文本)、`id`...
4. 如果在使用过程中遇到问题,可以查阅Ext2Fsd的官方文档或在线社区,寻求帮助。 总之,Ext2Fsd提供了一种实用的方法,使得Windows用户能够在不离开熟悉的Windows环境的情况下,方便地访问和管理Linux Ext3和Ext4...
5. **递归拷贝**: 在需要备份或迁移数据时,用户可以使用Ext2Read进行递归拷贝,一次性复制整个目录及其子目录的内容,这对于数据迁移非常方便。 **使用方法** 1. 下载并安装Ext2Read,注意提供的压缩包文件名为`...
Ext&Ext开发指南‘’‘Ext&Ext开发指南’‘’Ext&Ext开发指南‘’‘Ext&Ext开发指南’‘’Ext&Ext开发指南‘’‘Ext&Ext开发指南
ext使用简明教程 ext中文手册 ext中文教程 extJs学习
环境: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/之后...
**正文** 在Web开发中,富文本编辑器和前端框架...结合使用FCKEditor与EXT,可以创建出功能强大且用户体验优秀的Web应用。这种结合方式在内容管理系统、论坛、博客平台等场景下尤为常见,为用户提供了一流的编辑体验。
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
ext学习使用中可以使用的手册和文档,包含各种控件的属性和说明,学习入门的好东西
在JavaServer Pages (JSP) 开发中,EXT 是一个流行的JavaScript 框架,它提供了丰富的用户界面组件,包括Grid(数据网格)和...通过熟练掌握EXT Grid的使用,你可以提高Web应用的交互性和功能性,满足各种复杂的需求。
描述中提到的“需要的可以下载,配合ext 6.7使用”,意味着这个资源是为那些已经使用或计划使用EXT JS 6.7版本开发项目,并希望在项目中加入数据可视化的开发者准备的。EXT JS 6.7是一个稳定且功能丰富的版本,提供...
在开始使用Ext Core时,你可以从官方主页下载最新版本。手册还提供了PDF下载链接,方便离线查阅。Ext Core有两个版本:调试版(-debug)和产品版。调试版包含未混淆的错误信息,适合开发阶段使用;产品版经过压缩和...
除了参考官方文档,还可以访问博客(如给定的链接)和其他开发者社区,学习他们如何使用和优化Ext.Window。 通过以上内容,你应该对Ext Window有了更全面的理解,能够熟练地在项目中应用和定制这一组件。不断探索...