0

这是我的要求：

我有一个表格，有 3 个字段。如果用户将第 3 个字段更改为特定值，我需要重置第 1 个字段，并且我想在第 1 个字段附近使用自定义消息提供反馈消息。

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

4

2 回答 2

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

于 2014-09-03T10:40:49.003 回答
0

根据它应该是什么样子，我会使用其中之一

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

Ext.util.Animate如果内置动画不够动画，它们都可以用 mixin 装饰。

于 2014-09-03T09:43:50.063 回答