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

iszxjhcz  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(152)

当用户使用ExtJS单击文本框时,我想在文本框旁边显示popover(带有消息)。有谁能帮我吗?
对于版权,我删除了文本。

8ftvxx2r

8ftvxx2r1#

您必须将focus和e1d1e侦听器添加到文本字段。
focus事件中,第一个参数是textfield。添加到窗口中的文本位于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();
        }

相关问题