Extjs NumberField后面加单位实现思路

UnitText.js
=======================


代码如下:

// 输入框textfield后面放字unitText定义:
Ext.override(Ext.form.TextField, {
unitText : '',
onRender : function(ct, position) {
Ext.form.TextField.superclass.onRender.call(this,ct, position);

if (this.unitText != ''){
this.unitEl =ct.createChild({
tag: 'div',
html: this.unitText this.unitEl.addClass('x-form-unit'); this.width =this.width
-(this.unitText.replace(/[^\x00-\xff]/g, "xx").length * 6 +2); this.alignErrorIcon= function() {
this.errorIcon.alignTo(this.unitEl,'tl-tr', [2, 0]); }});

将UnitText.js放入到jsp文件中，加上css样式，如下：


代码如下:

<style>
.x-form-unit{
height:22px;
line-height:22px;
padding-left:2px;
display:inline-block;
display:inline; </style>
<script type="text/javascript"src="UnitText.js"></script>

这样就可以用了，使用方法如下：


代码如下:

var jine = new Ext.form.NumberField({
id: 'je',
fieldLabel: '金额',
allowDecimals: true, // 允许小数点？
allowNegative: false, // 允许负数？
width: 100,
style: 'text-align:right',
unitText: ' 元'
});

赞 (0)

相关推荐

  • Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍

    下面就来详细说一说 Javascript 中 Boolean.Nnumber.String 强制类型转换的区别. 我们知道 Boolean(value) 是把值转换成Boolean类型,Nnumber(value) 是把值转换成数字(整型或浮点数),而 String(value) 是把值转换成字符串. 先来分析下Boolean,Boolean在转换值为"至少有一字符的字符串"."非0的数字"或"对象"的情况下返回true:在转换值为"空

  • javascript parseInt与Number函数的区别

    但是parseInt("08", 10)是可以返回8的. 为搞清楚两者的区别, 参考了别人写的parseInt&Number的区别: parseInt Parses a string argument and returns an integer of the specified radix or base. 核心函数 实现版本 Navigator 2.0: If the first character of the string specified in parseInt(s

  • js类型转换与引用类型详解(Boolean_Number_String)

    一.类型转换 1.转换成字串 ECMAScript的Boolean值.数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法. 如: 复制代码 代码如下: var sColor = "blue";alert(sColor.length);//outputs "4" 总而言之,3种主要的原始值Boolean值.数字和字串都有toString()方法.ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象.

  • JavaScript中number转换成string介绍

    在JavaScript的值类型转换中,最常发生的就是string与number这两种类型值之间的相互转换. 可以通过调用number值的4个函数(事实上,是JS将number值自动转化为Number对象后,Number类的4个函数)来将其转换成string: 1.toString(). 2.toFixed(). 3.toExponential(). 4.toPrecision(). toString() 可以在number值上调用toString()方法来将其转换成字符串.toString()函

  • Javascript之Number对象介绍

    Number对象即数字,它的构造方法: 复制代码 代码如下: var num = 10; var num = new Number();//num == 0 var num = new Number(value); 其中value为数值或是可以转换为数值的量,如 字符串'1002' 但是假如为'M122',则返回NaN 1.常量,属性 MAX_VALUE 可表示的最大的数. // 1.7976931348623157e+308 MIN_VALUE 可表示的最小的数. // 5e-324 NaN

  • JS中不为人知的五种声明Number的方式简要概述

    JS中不为人知的五种声明Number的方式简要概述

    跟小组里一自称小方方的卖萌90小青年聊天,IT男的坏习惯,聊着聊着就扯到技术上去了,小方方突然问 1.声明一个数值类型的变量我看到三种,区别在哪: 复制代码 代码如下: var num = 123; //方式一 var num = Number(123); var num = new Number(123); 2.方式一明明是个数字字面量,为毛平常我们可以直接在上面调用各种方法,如下: 复制代码 代码如下: var num = 123; console.log(num.toString());

  • JavaScript中的object转换成number或string规则介绍

    在JavaScript程序编写过程中,根据不同的上下文,JS会自动将object转换成number或者string后再处理.这种自动转换的规则如下: object自动转换成string的规则: 1.如果object所属类覆写了toString()方法,则调用该方法.如果toString()调用的返回结果为Primitive(string.number.boolean.undefined.null),则将该Primitive值转换成string后返回. 2.如果object所属类没有覆写toStr

  • js中将String转换为number以便比较

    string没转换就拿去比较,结果是很头疼的 写的时候不细心,就没转换,然后拿去粗略测试下, 1<2 对的,就过了 然后 5.002>21.003 出现奇葩的结果了 在没有转换数据类型进行>,<的判断时候,系统比对的是unicode编码的值,出现什么结果都可能 parseFloat(str1)>parseFloat(str2) 或者 str1*1>str2*1 做js中的数据比较时候,一定不要忘记转换类型!

  • JavaScript中string转换成number介绍

    JavaScript中,可以通过以下3种方法来将string值转换成number: 1.调用Number()来对string进行值类型转换. 2.parseInt(). 3.parseFloat(). Number() 使用Number()函数来对string进行强制类型转换是最直接的做法.不过,这种做法有一个局限性:如果字符串截去开头和结尾的空白字符后,不是纯数字字符串,那么最终返回结果为NaN.David Flanagan的JavaScript – The Definitive Guide

  • javascript FormatNumber函数实现方法

    由于javascript里没有这个函数,那么我们该如何实现呢?下面我就给出这个函数,大家可以把:<script language=javascript src="formatnumber.js"></script> 这一句加入你的html页即可,也可以用 <!-- #include file="formatnumber.js" --> 加入你的asp页:或用 <? include("formatnumber.js&

随机推荐