反饋信息在extjs

Question

這是我的要求：

我有一個窗體，有3個字段。如果用戶將第三個字段更改爲特定值，則需要重置第一個字段，並且我想通過自定義消息給第一個字段附近提供反饋消息。

我知道有不同類型的消息框是類似於提示，確認，確定，取消等ExtJS但我只希望我的消息自動出現並在2秒內消失。這可以通過使用任何ExtJS組件來實現嗎？

Answer 1

我建議使用Ext.tip.QuickTip這樣的東西。

Ext.create('Ext.tip.QuickTip', { 
    id: 'myquicktip', 
    hideDelay: 2000, 
    header: false 
}); 

Ext.create('Ext.panel.Panel',{  
    title: 'Panel',  
    layout: 'hbox', 
    height: 200, 
    width: 600,  
    items: [{ 
      xtype: 'textfield', 
      id: 'field1', 

     }, { 
      xtype: 'textfield', 
      id: 'field2', 
     }, { 
      xtype: 'textfield', 
      id: 'field3', 
      listeners: { 
       change: function(){ 
        var field1 = Ext.getCmp('field1'), 
         tip = Ext.getCmp('myquicktip');              

        field1.setValue(''); 

        tip.update('field1 has been cleared'); 
        tip.showBy(field1) 
       } 
      } 
     } 
    ],  
    renderTo: Ext.getBody() 
}); 

這裏是一個小提琴鏈接太：https://fiddle.sencha.com/#fiddle/9pd

Answer 2

取決於它看起來應該怎麼一模一樣，我會使用其中之一的

• Ext.form.field.Display
• Ext.form.Label
• Ext.tip.Tip
• Ext.tip.QuickTip

他們都可以裝飾與Ext.util.Animate mixin，如果內置animatio ns的動畫不夠。