實現骨幹列表應用的最佳方式

我使用backbone.boilerplate創建一個簡單的應用程序。實現骨幹列表應用的最佳方式

我想創建可以顯示網站集合的模塊。每個網站都有編號和標題屬性（例如[{ id: 1, title: "github.com" }, { id: 2, title: "facebook.com" }]

我的路由器：

routes: { 
    "": "index", 
    "sites": "sites" 
}, 

sites: function() { 
    require(['modules/sites'], function (Sites) { 
    var layout = new Sites.Views.Layout(); 
    app.layout.setView('#content', layout); 
    }); 
}

所以，我的網站模塊的佈局，這樣做：

Sites.Views.Layout = Backbone.Layout.extend({ 
    template: "sites/layout", 
    className: 'container-fluid', 

    initialize: function() { 
    _.bindAll(this); 

    this.collection = new Sites.Collections.Sites(); 
    this.collection.fetch({ 
     success: this.render 
    }); 
    }, 

    beforeRender: function() { 
    var siteList = new Sites.Views.SiteList({ 
     collection: this.collection 
    }); 

    this.setView('.content', siteList); 
    }, 
}); 

Sites.Views.SiteList = Backbone.View.extend({ 
    template: 'sites/list', 

    beforeRender: function() { 
    this.collection.each(function (model) { 
     var view = new Sites.Views.SiteItem({ 
     model: model 
     }); 
     this.insertView('tbody', view); 
    }, this); 
    } 
}); 

Sites.Views.SiteItem = Backbone.View.extend({ 
    template: 'sites/item', 
    tagName: 'tr', 

    serialize: function() { 
    return { 
     title: this.model.get('title') 
    }; 
    } 
});

OK，現在我的問題：幫助我請選擇最好的方式來呈現一個網站視圖，當用戶點擊收藏的元素時，我希望它是像gmail一樣的工作：一個屏幕的所有字母和所有屏幕上的一個字母，當它選擇。類似應用程序的示例。我正在等待您的廣告惡習。

來源

2013-03-25 user1666362

這幾乎相當於「請建築師一個令人難以置信的廣泛問題我的網站「（或者」請向我解釋如何構建一個主要的骨幹網站「）。無論哪種方式，具有廣泛性質的問題都不適合堆棧溢出;我認爲你會有更好的運氣：A）閱讀一些Backbone教程或文章，或者B）在這裏提出更具體的問題。 – machineghost 2013-03-25 21:49:32

好的，我理解你。我不希望你做我的工作，並創建網站，而不是我=）我只是想了解如何工作。這是我的變體，也許你可以看到它並告訴我你對這個想法有什麼看法？ thx你 http://pastebin.com/VvPcPnQX – user1666362 2013-03-27 11:47:20

看着你的pastebin代碼，好像你對Backbone有一個基本的瞭解，這當然是你開始使用的所有東西。

這就是說，你可能會發現這篇文章/教程有幫助。它走過樓間連接的觀點（在它們與<select>元素教程），它使用AJAX的過程來更新他們的價值觀：

http://blog.shinetech.com/2011/07/25/cascading-select-boxes-with-backbone-js/

來源

2013-03-27 20:25:39 machineghost

好的，謝謝:) – user1666362 2013-03-28 09:43:38

這是非常有用的文章。我會嘗試將其轉換爲俄語，並將其發佈到habrahabr.ru 但首先我嘗試重寫我的模塊=） – user1666362 2013-03-28 10:50:33

實現骨幹列表應用的最佳方式

回答

相關問題