2012-01-16 69 views
3

我在写一个使用Backbone的小应用程序,它基本上只是一个带有两页的计算器 。第一页显示一些文字输入,第二页显示 结果以及几个滑动条用于微调。Backbone应用程序的设计模式

我想过使用Backbone路由器,但第二页不应直接通过URL访问 ,而不必在第一页输入必要的值。 替代的第一个视图卸载并从DOM中删除自己,然后实例化结果视图似乎对我来说很混乱。

你会如何设计这样的应用程序?

回答

2

保持简单,当你不想访问第二个视图的URL你不需要路由器。只需开始第一个视图,并在用户输入值时用第二个视图进行更改。

编辑:

比方说你有意见都与一个渲染方法,您可以通过格在视图中呈现:

var View1 = Backbone.View.extend({ 
    render: function(parent){ 
     $(parent).empty().append(this.el); 
    } 
    ready: function(){ 
     view2.render($('#mainPanel')); 
    } 

}) 

var View2 = Backbone.View.extend({ 
    render: function(parent){ 
     $(parent).empty().append(this.el); 
    } 

}) 
var view1 = new View1().render($('#mainPanel')); 
var view2 = new View2() 
+0

你能否详细说明“与改变你的第二个观点'? – Kabuto 2012-01-16 23:00:42

+0

用一个例子更新我的帖子,希望它能澄清我的方法。 – 2012-01-17 06:49:42

相关问题