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

Question

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

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

Answer 1

您必须向文本字段添加 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 中的文本框旁边显示弹出框

How to display popover next to textbox in Ext js

javascript

extjs

textbox

popup

popover