如何在 Ext js 中的文本框旁边显示弹出框

How to display popover next to textbox in Ext js

我想在用户使用 Ext JS 单击文本框时在文本框旁边显示弹出窗口(带有消息)。谁能帮我解决这个问题?

为了版权,我已经删除了文字。

您必须向文本字段添加 focusblur 侦听器。

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();
        }