Extjs 4事件停止传播不起作用

时间:2018-06-18 05:37:59

标签: javascript extjs4 event-propagation

我正在使用Extjs 4并覆盖Ext.util.Observable作为名称Ext.tree.Search。在扩展类中,我实现了事件监听器onTriggerSearch,因此当用户在输入中键入一些单词并按下输入键时,将调用此函数并执行一些搜索作业。搜索插件的视图如下图所示:

search plugin view screenshot

如果用户通过按放大镜图标提交搜索,一切正常但如果按回车键,则在搜索后,页面会刷新。我应该如何完全捕捉此事件(按键事件)并停止传播。我现在测试的是以下几行:

, onTriggerSearch: function (a, event, c) {
        // stop event propagation
        if (event.browserEvent.stopPropagation)
            event.browserEvent.stopPropagation();
        if (event.browserEvent.cancelBubble != null)
            event.browserEvent.cancelBubble = true;
//        event.browserEvent.bubbles = false;
//        event.browserEvent.cancelBubble = true;
//        event.browserEvent.stopPropagation();
        // ======================
        ... some other jobs
        return false; // to stop propagation
    }

1 个答案:

答案 0 :(得分:1)

有几个星期我遇到了这个问题,现在我发现问题出在包含此输入的表单上。我已使用这些答案阻止表单提交:

How to prevent ENTER keypress to submit a web form?

完成。