{
fieldLabel : '輸入框',
xtype : 'textfield',
anchor : '80%',
listeners: {
render: function(obj) {
var font=document.createElement("font");
font.setAttribute("color","red");
var redStar=document.createTextNode('后面的字');
font.appendChild(redStar);
obj.el.dom.parentNode.appendChild(font);
}
}
}
第二種方案，可以解決錯(cuò)誤提示和后面文字重疊問題：
Extjs.form.TextField的默認(rèn)在輸入框后面是不能加入文字。在網(wǎng)上找到此方法以備查用。
在頁(yè)面中引入此段js代碼
Ext.override(Ext.form.TextField, {
unitText : '',
on
<div class="bct fc05 fc11 nbw-blog ztag js-fs2">
Render : 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]);
};
}
}
})
再加入些樣式
<style>
.x-form-unit {
height: 22px;
line-height: 22px;
padding-left: 2px;
display: inline-block;
display: inline;
}
</style>
</div>
