>웹 프론트엔드 >JS 튜토리얼 >Extjs NumberField_extjs 이후에 단위를 추가하는 구현 아이디어

Extjs NumberField_extjs 이후에 단위를 추가하는 구현 아이디어

WBOY
WBOY원래의
2016-05-16 17:27:531398검색

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

코드 복사 코드는 다음과 같습니다.

// 입력 상자 텍스트 필드 정의 뒤에 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 스타일을 추가합니다. 다음:
코드 복사 코드는 다음과 같습니다.