Ext JS4百強應用:設置textfield的懸浮提示信息

在Extjs4中有時候我們需要textfield的提示信息,但是我們發現textfield並沒有這樣的配置項。

這時候我們就要另想方法:我們需要在鼠標懸停在textfield組件的時候進行信息的提示,我們就需要在textfield中來監聽,

 

這裡有兩種進行textfield懸停提示的方法:

 

①進行固定信息的提示:需要在監聽中用render方法
render: function (field, p) {
Ext.QuickTips.init();
Ext.QuickTips.register({
target: field.el,
text: '這是textfield的固定信息提示!'
})
}
②進行文本信息提示:提示信息為textfield的文本信息
var updateTip = function (field, t) {
Ext.QuickTips.init();
Ext.QuickTips.register({
target: field.el,
text: field.getValue()
})
};

listeners: {
focus: function (me) {
updateTip(me);
},
keyup: updateTip

}

 

You May Also Like