2

我正在使用主干布局管理器样板。不幸的是，发生了一个非常令人沮丧的错误。我喜欢将项目列表渲染为由 insertView 函数插入的子视图。在第一次加载时一切正常。但是在重新加载后，单击事件不再起作用:(。我已经尝试在 TableItem 视图上手动调用 delegateEvents() 但没有任何改变。我希望任何人都可以给我一个线索。

App.Views.Item = Backbone.View.extend({
  template: "templates/item",
  tagName: "li",
  events: {
    "click .applyButton" : "apply",
    "click .viewDetailsButton" : "showDetail"
  },
  serialize: function() {
    return { table : this.model.toJSON() };
  },
  apply: function(ev) {
    ev.preventDefault();
    alert("apply button clicked");
  },
  showDetail: function(ev) {
    ev.preventDefault();
    var id = this.model.get("_id");
    app.router.navigate("#events/"+ id, {trigger : true})
  }
});

/*
 * List View
 */

 App.Views.List = Backbone.View.extend({
   template: "templates/list",

   tagNam: "ul",
   className: "tableList",

   beforeRender: function() {
     var events = this.model.get("userEvents").get("hosting");


     events.each(function(model) {
       this.insertView(new App.Views.Item({ model : model }));
     }, this);
   },

   serialize: function() {
     return {};
   }
});
4

1 回答 1

0

我认为当 layoutmanager 删除视图时，您可能希望cleanup在 Item 视图上添加一个函数到事件中。undelegate我不知道这是否会解决您的问题，但这似乎是一种很好的做法。

当您说after a reload时，您的意思是使用浏览器重新加载按钮重新加载页面吗？如果是这样，你如何让它首先工作？

如果您可以提供您的设置的 jsfiddle，或者将我们指向一个 repo 以便我们可以在我们的机器上测试它，那将会有所帮助。确保包含路由器，以便我们查看视图和包含它的布局是如何初始化的。

于 2013-04-17T12:47:50.710 回答