extjs中的反饋消息

Question

這是我的要求：

我有一個表格，包含3個字段。 如果用戶將第三個字段更改為特定值，則需要重置第一個字段，並且要在第一個字段附近提供帶有自定義消息的反饋消息。

我知道有不同類型的消息框是ExtJS，如Prompt，Confirm，OK，Cancel等。但是我只想讓我的消息在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裝飾它們。