防止子主干视图中的默认操作

时间:2018-01-14 18:14:48

标签: events backbone.js view action preventdefault

如何在主干

的子视图中阻止默认事件

父视图实际上是一个向服务器提交数据的表单。

子视图它是一个组件,它是父视图的扩展,它有几个交互:能够在提交之前添加删除项

子视图的重要标记

<input class="tags search-input" type="text" name="search" evt="keyup=search"
               id="search-tags" autocomplete="off" placeholder="Search for tag"/>

这将填充为ul,用户可以选择多个选项

在我的子视图中,我有以下方法在键输入时向表单添加项目,但是应该阻止触发父项视图提交操作

var ChildView = Parent.View.extend({

    render: function() {
       /* the view is rendered twice because of parent view so I use this*/
       Parent.View.prototype.render.apply(this);
       // selector inits as var and other event bindings related to this view
    },
    search: function(e) {

                switch(e.keyCode) {
                    case 13:
                        e.preventDefault();
                        e.stopPropagation();
                        console.log(e)
                        //execute model task
                        break;

                    default:
                        //default model task
                        break;
                }
            }
})

但是此代码实际上尝试执行父视图提交操作。我想阻止

0 个答案:

没有答案