在偶尔一个项目中, 客户要求可以复制一部分金额(三位一撇)到Ext.form.NumberField里面去,而且他们要求保证数据不变,但是对于原生态的NumberField, 当你鼠标移开时, 会自动处理blur事件,这样只能保证娶到第一个逗号前的数据, 客户就感觉很奇怪, 我复制的明明不是这个数据, 如:复制过来数据是: 100,100,100.00, 而鼠标移开后变为100了
Ext.ns('Ext.ux.form');
Ext.ux.form.MoneyField = Ext.extend(Ext.form.NumberField, {
initComponent : function(){
Ext.ux.form.MoneyField.superclass.initComponent.call(this);
//处理客户复制三位一撇数字到MoneyField, 让该控制自动处理','
this.on('invalid', this.inputIsvalid);
},
/**
* @params t: Ext.form.Field
* @params msg: erro msg
*/
inputIsvalid: function(t, msg) {
if(!Ext.isEmpty(t.getValue())) {
var val = msg.substring(0, msg.indexOf(" "));
if(val.indexOf(',') > -1) {
t.setValue(val.replace(',',''));
}
}
},
allowNegative : false, //是否可以输入负数
allowDecimals : true, //是否可以输入小数点
decimalPrecision : 2, //小数点位数
minValue : 0,
maxValue : 99999999999999.99,
baseChars : "0123456789,",
autoStripChars: true
});
Ext.reg('moneyField', Ext.ux.form.MoneyField);
baseChars 允许输入的值,这个字段会在Ext.form.NumberField的私有方法
initEvents中处理。
这样处理后可以保证复制来的100,100,100.00,
而鼠标移开后会变为100100100.保证了数据不至于丢失
分享到:
相关推荐
解决extjs中的GridPanel的单元格在IE无法选中复制的问题
包含各种类型的extjs小图标,Extjs4小图标
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API
织可视化组件 无论从 UI 界面上 CSS 样式的应用 到数据解析上的异常处理 都可算是一 款不可多得的 JavaScript 客户端技术的精品 ">ExtJS 也就是 Ext 框架 官方网址为 www extjs com ExtJS 是一个 Ajax 框架 是一个用...
1.主要是Extjs方面的一些学习笔记。重点方面有事件处理,动态载入等相关介绍。
extjs4.0 技术中文视频讲解,内容非常的全,而且讲的也不错,这是第一部分,里面有下载地址 可用迅雷下载。 第一讲:extjs4.0概述和HELLO WORD程序 第二讲:extjs4.0的新特性 第三讲:extjs4.0数据模型--Model 第...
里面包含Extjs 2.2和Extjs 3.2.1版本两个文件
ExtJS项目 一个博客系统 ExtJS项目 一个博客系统
ExtJS 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的富客户端应用,ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架。可以把ExtJS 用在.Net、Java、Php 等各种开发语言开发的应用中。教程...
在我的博客中extjs笔记(1)中引用的三个js,欢迎下载使用学习
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
extjs 富客户端界面设计 grid分页后台处理
Extjs客户信息表
对extjs时间的介绍,期待您的参与,我们一起努力
Extjs在VS里面的智能提示,支持extjs2.0以上的版本