Javascript extjs中的反馈消息

以下是我的要求：

我有一个表单，有3个字段。如果用户将第3个字段更改为特定值，我需要重置第1个字段，并且我希望在第1个字段旁边提供一条带有自定义消息的反馈消息

---

我知道有不同类型的消息框是ExtJS，如提示、确认、确定、取消等。但我只希望我的消息在2秒内自动显示并消失。这可以通过使用任何ExtJS组件来实现吗？

根据具体的外观，我会使用以下任意一种

• Ext.form.field.Display

• Ext.form.Label

• Ext.tip.tip

• Ext.tip.QuickTip

---

如果内置动画不够生动，它们都可以使用

Ext.util.Animate

mixin进行装饰。

我建议使用

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

---

这里还有一个fiddle链接：

您能使用jQuery吗？这将很容易。使用jQuery首先会破坏使用ExtJS的目的。谢谢分享！