说我有一个查看,显示一个带有提交按钮的搜索框.
当我点击提交按钮,我如何将搜索框的值传递给另一个视图？
当我点击提交按钮,我如何将搜索框的值传递给另一个视图？
我试过了：
在视图1中,在submit回调内：this.trigger(‘abc’,$(‘#searchBox’).val())
在视图2中,在初始化函数中：this.bind(‘abc’,function(data){console.log(data);})
但这似乎不起作用：自定义事件被触发,但View 2看不到它.
解决方法
不幸的是你不能这样绑定 – 你需要在view2中共享一个view1的参考：
var View2 = Backbone.View.extend({
initialize: function() {
_.bindAll(this,'foo');
this.view1.bind('abc',this.foo);
},foo: function(data) {
console.log(data);
}
});
这也意味着在某些时候你需要在View2的实例上设置view1,以便你可以绑定它.
如果您不想传递引用,只需将两个视图绑定在您所持有的任何容器(即另一个视图或控制器)中：
var view1 = new View1();
var view2 = new View2();
view1.bind('abc',view2.foo);
