渲染所选模型的详细视图时,骨干样板范围错误

时间:2012-08-31 16:07:19

标签: backbone.js boilerplate

我刚开始使用骨干并使用样板(https://github.com/tbranyen/backbone-boilerplate)。我的应用程序分为3列:固定导航列表,项目列表和详细视图。单击导航链接时,我会使用一组项目加载中间列。下一步是在单击其中一个项目(集合中的模型)时显示详细视图。

我似乎无法获得要呈现的详细视图。我在列表视图中初始化详细信息视图,然后在详细信息视图中设置pubSub,以便在单击模型时可以调用详细视图。但是当我尝试渲染视图时,我得到一个“Uncaught RangeError:超出最大调用堆栈大小”。

相关代码:http://pastebin.com/C88ezty7

我似乎无法理解细节视图无法渲染的原因。

有人能指出我正确的方向吗?

1 个答案:

答案 0 :(得分:0)

我似乎已经解决了上述问题。可能不是以正确的方式,但它现在正如我所期望的那样工作。我将此添加到我的查看项目(模型):

showDeanery: function(ev) {
    deaneryid = this.model.get('deaneryid');
    //we should load the detail view from here
    console.log('load deanery: '+deaneryid);
    $(".startpage").empty();
    $(".detailcontainer").removeClass('startpage');
    app.layout.insertView('.detailcontainer',new Views.Detail({
            model:this.model
    }),true).render();
}

我希望从另一个视图中调用视图是'ok'。现在只需要弄清楚如何通过路由器加载它!