Extjs NumberField后面加单位实现思路
Extjs NumberField后面加单位实现思路
发布时间:2016-12-30 来源:查字典编辑
摘要:UnitText.js=======================复制代码代码如下://输入框textfield后面放字unitText定...

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: ' 元'

});

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类