2017-06-08 21 views
0

单身吐司我需要我的应用程序,今天的屏幕上创建一个单一的面包,如果我点击一个按钮多次,几个祝酒介绍。如何创建ExtJS的

编辑:

showToast: function(message) { 
    var openedToast = Ext.get(document.querySelector('[id^="toast-"]')); 
    if (openedToast != null) { 
     var toast = Ext.getCmp(openedToast.id); 
     toast.close(); 
    } 
    Ext.defer(function() { 
     Ext.toast({ 
      html: message, 
      align: 't' 
     }); 
    }, 80); 
} 

但是,如果用户快速点击按钮,面包创建几次

+0

需要比这样更多的细节。发布一些代码,如果可能的话创建一​​个plunkr,谈论你已经尝试过什么,期望的行为是什么等。 – TomSlick

+0

但是你想要做什么与其他敬酒(如果你想要一次显示多个敬酒)?只是忽略或删除以前的吐司,并显示新的或...? –

+0

我需要删除以前的吐司。见版本 –

回答

1

只要给它一个唯一的标识符,并检查它是否创建一个新的人之前已经存在。

{ 
    xtype: 'button', 
    handler: function(){ 
     if(!Ext.ComponentQuery.query('#myToast').length){ 
      Ext.toast({ 
       itemId: 'myToast', 
       html: 'toast!' 
      }); 
     } 
    } 
} 

» Fiddle