動態顯示時，文本框中單擊

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