2014-09-03 70 views
0

这是我的要求:反馈信息在extjs

我有一个窗体,有3个字段。如果用户将第三个字段更改为特定值,则需要重置第一个字段,并且我想通过自定义消息给第一个字段附近提供反馈消息。

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

+0

你可以使用jQuery?这将是容易的。使用jQuery的 – VPK 2014-09-03 09:37:04

+1

将在第一个地方打败使用ExtJS的目的。 – sidrocks 2014-09-03 11:21:19

回答

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

+0

感谢分享! – sidrocks 2014-09-03 12:30:29

0

取决于它看起来应该怎么一模一样,我会使用其中之一的

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

他们都可以装饰与Ext.util.Animate mixin,如果内置animatio ns的动画不够。