ExtJS教程----自定义金钱格式的文本框
来源:互联网 发布:php中function use 编辑:程序博客网 时间:2024/05/17 22:28
添加如下内容
Ext.define('Ext.ux.NumberFieldFormat', { extend: 'Ext.form.NumberField', //'Ext.form.NumberField' alias: 'widget.numberFieldFormat', hideTrigger: true, baseChars: '0123456789,', setValue: function (v) { v = typeof v == 'number' ? v : String(v).replace(this.decimalSeparator, ".").replace(/,/g, ""); //v = isNaN(v) ? '' : rendererZhMoney(v); v = Ext.util.Format.number(this.fixPrecision(String(v)), "0,000,000"); //此为ext 4.0 this.setRawValue(v); //return Ext.form.NumberField.superclass.setValue.call(this, v); }, getValue: function () { return (String(Ext.form.NumberField.superclass.getValue.call(this)).replace(",", "")); }, fixPrecision: function (value) { var nan = isNaN(value); if (!this.allowDecimals || this.decimalPrecision == -1 || nan || !value) { return nan ? '' : value; } return parseFloat(value).toFixed(this.decimalPrecision); }, validateValue: function (value) { value = String(value).replace(this.decimalSeparator, ".").replace(/,/g, ""); if (!Ext.form.NumberField.superclass.validateValue.call(this, value)) { return false; } if (value.length < 1) { return true; } if (isNaN(value)) { this.markInvalid(String.format(this.nanText, value)); return false; } var num = this.parseValue(value); if (num < this.minValue) { this.markInvalid(String.format(this.minText, this.minValue)); return false; } if (num > this.maxValue) { this.markInvalid(String.format(this.maxText, this.maxValue)); return false; } return true; }, parseValue: function (value) { value = parseFloat(String(value).replace(this.decimalSeparator, ".").replace(/,/g, "")); return isNaN(value) ? '' : value; }});2.引用
xtype: 'numberFieldFormat', fieldLabel: '收入', padding: '5 10 5 0', labelWidth: 160, name: 'Income',效果如下:
1.只能输入数字,汉字和字母都输不了
2.取值的时候只能用: form.getForm().findField("Income").value,不可以用getValue()方法
0 0
- ExtJS教程----自定义金钱格式的文本框
- ExtJS Tips->Grid column的自定义格式
- ExtJS教程----自定义下载组件
- TP5-金钱转换,将小写的金钱数转换成大写格式
- gridview里金钱格式
- 标准金钱格式
- js 金钱格式转化
- PHP 转为金钱格式
- ExtJS的文本框的非空输入
- Extjs 甘特图教程之自定义任务树
- ExtJS的日期格式说明
- 自定义带删除的文本框
- 自定义渐变背景的文本框
- WPF教程(十五)文本框——内联格式
- as3 里的html格式的文本框
- extjs 模板的自定义格式化
- Extjs的一个自定义组件
- Extjs 文本框获得光标
- Android WiFi/WiFi热点开发总结
- 网页样式
- 注释插件VVDocumenter-Xcode in Xcode8
- map[string]Interface{}
- 第四周项目4-猴子选大王
- ExtJS教程----自定义金钱格式的文本框
- 如何分析程序的时间消耗
- 4-2 电子时钟中的运算符重载
- iOS开发第三方大全
- 阿里云发送短信
- Docker理论与实践(三)
- Web前端面试指导(十二):::before 和:before有什么区别?
- Flink的高可用集群环境
- 苏打绿 《再遇见》