Extjs NumberField后面加单位实现思路

本文为大家介绍下在NumberField后面加单位具体实现如下感兴趣的朋友可以参考下

UnitTextjs
=======================

复制代码 代码如下:
// 输入框textfield后面放字unitText定义:
Extoverride(ExtformTextField {
unitText :
onRender : function(ct position) {
ExtformTextFieldsuperclassonRendercall(thisct position);

if (thisunitText != ){
thisunitEl =ctcreateChild({
tag: div
html: thisunitText thisunitEladdClass(xformunit); thiswidth =thiswidth
(thisunitTextreplace(/[^xxff]/g "xx")length * +); thisalignErrorIcon= function() {
thiserrorIconalignTo(thisunitEltltr [ ]); }});

将UnitTextjs放入到jsp文件中加上css样式如下

复制代码 代码如下:
<style>
xformunit{
height:px;
lineheight:px;
paddingleft:px;
display:inlineblock;
display:inline; </style>
<script type="text/javascript"src="UnitTextjs"></script>

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

复制代码 代码如下:

var jine = new ExtformNumberField({
id: je
fieldLabel: 金额
allowDecimals: true // 允许小数点？
allowNegative: false // 允许负数？
width:
style: textalign:right
unitText: 元
});