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

Question

当用户使用 Ext JS 单击文本框时，我想在文本框旁边显示弹出窗口（带有消息）。有人可以帮我吗？

为了版权，我删除了文字。

Answer 1

您必须向文本字段添加 focus 和 blur 侦听器。

在 focus 事件中，第一个参数是文本字段。添加到窗口的文本位于 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();
        }