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: 元
});

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19840.html