熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

Extjs NumberField後面加單位實現思路

2013-11-15 11:53:49  來源: JSP教程 
本文為大家介紹下在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
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.