extjs - Sencha carousel 停止在 carousel 上的触摸事件传播，同时在其中的画布上绘图

Question

我有一个带有四个面板的旋转木马。

它工作正常，我能够从一秒导航到一秒等等。

我的第四个面板有一个用于绘图的画布。

当我开始绘图时，轮播照常更改页面，但此时我不想更改页面，因为用户正在绘图。

如何在我绘图时停止此事件，并在我选择手形工具时再次绑定该事件？

我制作了一个手绘/绘图工具按钮来更改这些设置。

我尝试过处理事件传播并使用捕获方法来阻止事情。但我无法得到预期的结果。任何帮助深表感谢。

谢谢。

Answer 1

如果您要在可编辑/不可编辑模式之间切换卡片，可能类似于

toggleEditHandler() { 
  var nothing = function() {return false;};
  //if toggled to edit
    card.element.on('*', nothing, card);

  //else 
    card.element.un('*', nothing, card);
}

请注意，这是粗略的伪代码，因为我不想假设您将如何处理您的处理程序，但这是一个通常应该可以工作的快速破解。对于它的价值，我从官方掩码对象中的代码中得到了这个想法，它可以防止动作冒泡。