动态显示时，文本框中单击

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