extjs formpanel里面的fieldLabel的文本框后面如何加文字提示

extjs formpanel里面的fieldLabel的文本框后面如何加文字提示,第1张

这样写就可以了

{

xtype : 'compositefield',

fieldLabel : "经纬度",

items : [{

xtype : 'textfield',

width : 160,

//name : 'dmShippingOrderEnt.id.shippingNo',

//value:obj.shippingNo

}, {

xtype : 'displayfield',

value : '你需要加的提示'

}]

}

第二种方案,可以解决错误提示和后面文字重叠问题:

Extjs.form.TextField的默认在输入框后面是不能加入文字。在网上找到此方法以备查用。

在页面中引入此段js代码

Ext.override(Ext.form.TextField,

{

unitText

:

'',on

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11990767.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存