extjs - 单击文本框时动态显示消息

Question

当单击文本字段/具有任何值以及删除文本字段的内容时，如何动态显示消息，该消息必须消失

Answer 1

您可以在文本字段上使用侦听器。我还没有测试过下面的代码，但你可以尝试类似的东西。

{
    xtype: 'textfield',
    messageTip: undefined,
    listeners: {
        afterrender: function(text) { //Textfield doesn't have a click even't so use afterrender to put a click event on the element
            //U can use text.inputEl.on({ aswell to only get the input element and not the label
            text.getEl().on({
                click: function() {
                     //Create tip here
                     text.messageTip = Ext.create('Ext.tip.Tip', {
                         //Configuration
                     }).show();
                }
            });
        },
        keypress: function(text) {
            if (text.getValue() == '') {
                //hide the message
                text.messageTip.hide()
            }
        }
    }
}

Answer 2

您可以在文本字段上使用“更改”侦听器：

{
    xtype: 'textfield',
    listeners : {
        change: function(field, newValue, oldValue, options)) {
                   if(newvalue!=''){
                       Message=Ext.create('Ext.tip.ToolTip', {
                       closable:true,
                       hideDelay : 3000,
                       padding: '0 0 0 0',
                       maxWidth:400,
                       width:800,
                       html: ".......",
                      }).showAt([x, y]); 
                        }
                  else Message.hide();
                    }
                }
}