2012-01-16 180 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