extjs - テキストボックスがクリックされたときにメッセージを動的に表示する

Question

テキストフィールドがクリックされたとき/値が含まれているときにメッセージを動的に表示する方法と、テキストフィールドの内容を削除したときにそのメッセージが消えなければならない方法

Answer 1

テキストフィールドで「変更」リスナーを使用できます。

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

Answer 2

テキストフィールドでリスナーを使用できます。次のコードはテストしていませんが、そのようなものを試すことができます。

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