Ext.Toast在吐司体中显示空白

时间:2016-03-15 01:14:04

标签: sencha-touch toast

我正在尝试以下代码来获取所显示的toast并将其隐藏在tap事件上。我不知道为什么,但在某些情况下它没有在吐司内显示内容。

另外,有没有办法检查是否有现有的吐司,因此我不能再放一个?

say_hi

提前致谢。

1 个答案:

答案 0 :(得分:0)

我发现了潜在的问题。这里有两件事: 如

  • 使用Ext.toast作为sencha提供的单例以获得可重用性
  • 一次又一次地将侦听器附加到组件

Ext.toast并不是一个坏主意,但它不适合我的情况,因为我需要创建/处理单独的toast。

但是由于使用的是同一个实例,因此我遇到了将NEXT toast内容的不透明度设置为0的问题,因为我正在破坏正常流程。此外,所有事件处理程序都将附加到同一个实例,并且所有事件处理程序都会在任何这些事件上的相同TAP事件上触发。它冻结了屏幕。

为了使它工作,我使用Ext.create('Ext.Toast')直接为toast创建一个新实例并单独处理它。

在使用之后,我将从DOM中删除该元素。

以下是一些代码段:

var toastWindow = Ext.create('Ext.Toast');
        toastWindow.show(toastConfig);
        toastWindow.innerElement.dom.addEventListener(
            "touchend",
            function(){
                toastWindow.hide();
                me.onMessageToastTap(receivedMessage);
            },
            true
        );