Sencha旋转木马停止在旋转木马上的触摸事件的传播,同时绘制在它内部的画布上

时间:2012-05-21 17:22:03

标签: extjs carousel

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

它的工作正常,我可以从一个导航到第二个,依此类推。

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

当我开始绘画时,轮播会像往常一样更改页面,但我不想在用户正在绘制内容时更改页面。

如何在绘图时停止此事件,并在选择手形工具时再次绑定事件?

我制作了一个Hand / Draw工具按钮来更改这些设置。

我尝试过处理事件传播并使用捕获方法,以便我可以阻止事情。但我无法按预期得到结果。 非常感谢任何帮助。

感谢。

1 个答案:

答案 0 :(得分:1)

如果您在某种可编辑/不可编辑模式之间切换卡片,可能会像

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

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

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