如何在 Ext js 中的文本框旁边显示弹出框
How to display popover next to textbox in Ext js
我想在用户使用 Ext JS 单击文本框时在文本框旁边显示弹出窗口(带有消息)。谁能帮我解决这个问题?
为了版权,我已经删除了文字。
您必须向文本字段添加 focus
和 blur
侦听器。
在 focus
事件中,第一个参数是文本字段。您添加到 window 的文本位于 textfield.popupText
.
中
例子
xtype: 'textfield',
popup: null,
popupText: 'Testing Popup Text',
listeners: {
focus: function(field) {
field.suspendEvent('blur');
field.suspendEvent('focus');
field.popup = field.popup || Ext.create({
xtype: 'window',
ownerCt: field,
height: 80,
width: 200,
html: field.popupText
});
field.popup.showBy(field.el, 'l-r')
field.focus();
field.resumeEvent('blur');
field.resumeEvent('focus')
},
blur: function(field) {
field.popup.destroy();
}
我想在用户使用 Ext JS 单击文本框时在文本框旁边显示弹出窗口(带有消息)。谁能帮我解决这个问题?
为了版权,我已经删除了文字。
您必须向文本字段添加 focus
和 blur
侦听器。
在 focus
事件中,第一个参数是文本字段。您添加到 window 的文本位于 textfield.popupText
.
例子
xtype: 'textfield',
popup: null,
popupText: 'Testing Popup Text',
listeners: {
focus: function(field) {
field.suspendEvent('blur');
field.suspendEvent('focus');
field.popup = field.popup || Ext.create({
xtype: 'window',
ownerCt: field,
height: 80,
width: 200,
html: field.popupText
});
field.popup.showBy(field.el, 'l-r')
field.focus();
field.resumeEvent('blur');
field.resumeEvent('focus')
},
blur: function(field) {
field.popup.destroy();
}