Backbone and document.title

Question

我正在用backbone.js創建一個單獨的頁面應用程序，並希望知道處理改變標題的最佳方式。我正在考慮在視圖中使用「標題」選項，並讓路由器（以某種方式）設置document.title。有沒有人執行過類似的事 謝謝

Answer 1

爲什麼不使用Backbone.js的均衡性質。

首先我不認爲這是由路由器委派更新文檔標題。特別是如果您正在處理更大的客戶端應用程序，您希望保持簡單並確保應用程序的每個部分都能完成特定的任務。

路由器在那裏委託路由，僅此而已。

我建議改爲（取決於初始化應用程序的方式）來創建應用程序級事件聚合器。

var app = new Application(); 
app.eventAggregator = _.extend({}, Backbone.Events); 

，並結合這樣一個事件，您的應用程序：

app.eventAggregator.on('domchange:title', this.onDomChangeTitle, this); 

凡在你的應用程序構建，而不必離開它的路由器

onDomChangeTitle: function (title) 
{ 
    $(document).attr('title', title); 
} 

現在，總是抓住標題並確保在每個視圖中有getTitle方法，您可以 - 在視圖內，因此，任何視圖 - 在渲染或初始化視圖時觸發以下事件：

app.eventAggregator.trigger('domchange:title', this.title); 

它使我認爲更清潔和更精簡的代碼，但是再次，這只是一個意見。

Answer 2

我建議你把代碼放在你的路由器回調中。它將是另一行代碼，但在不瞭解當前視圖的情況下，路由器/應用程序將不知道哪個視圖具有正確的標題。 （真的沒有一個好的地方可以覆蓋這個行爲，並提供一個文檔標題而不需要替換Backbone.JS中的某些內置函數）。

你可以講一下你的觀點很簡單：

var PeopleView = Backbone.View.extend({ 
    title: 'People are People', 
    // 
    //or 
    // 
    getTitle: function() { 
     return "Something Dynamic"; 
    } 
}); 

然後在你的路由器的回調：

var v = new PeopleView(); 
$(document).attr('title', v.getTitle()); 

另外一個選擇是隻具有View設置在創建時或者當調用特殊方法時。但是，我會使用第一個選項。

Answer 3

爲什麼你們都使用jQuery來改變文檔的標題，而不是使用純Javascript？更快，更方便，更清潔......

document.title = 'new title'; 

Answer 4

這是我做這個我的項目：

var App = {}; 

App.HomeView = Backbone.View.extend({ 
    documentTitle: 'my site title' 
}) 

var Router = Backbone.Router.extend({ 
    routes: { 
     '': 'home' 
    , 'home': 'home' 

, baseTitle: ' - my site' 

, home: function(actions) { 
    var obj = this; 
    obj._changePage('HomeView'); 
    } 

, changeTitle: function(title, withoutBaseTitle) { 
    var obj = this; 

    if(withoutBaseTitle !== true) 
     title += obj.baseTitle; 

    document.title = title; 
    return obj; 
    } 

, _changePage: function(viewName, viewOptions) { 
    var obj = this; 
    var page = App[viewName](); 

    if(typeof page.documentTitle !== 'undefined') { 
     obj.changeTitle(page.documentTitle); 
    } 
    } 

}) 

Answer 5

均田很老的文章，但我給它多了一個輪迴。

---

隨着當前Marionette v3.2.0你可以做到以下幾點：

// Get title from view where we manage our layout/views 
var viewTitle = view.triggerMethod('page:title'); 

在你看來，你創造神奇的方法是這樣的：

Mn.View.extend({ 
    onPageTitle() { 
     return ['User', this.model.get('id')].join(' | '); 
    } 
}); 

和標題決議本身可以是以下：

document.title = !!viewTitle 
     ? (
      _.isArray(viewTitle) 
       ? [baseTitle].concat(viewTitle) 
       : [baseTitle, viewTitle] 
     ).join('/') 
     : baseTitle ; 

允許職稱的分辨率由單個分離

• 它可以方便地集成到應用程序的工作流程中的地方，你管理你的內容顯示返回數組和內爆。
• onPageTitle將在視圖上下文（this將是功能內的視圖實例）被調用，是什麼給調用模型數據和任何視圖相關的東西的可能性。
• 無需打擾檢查方法的可用性，只需撥打電話即可。
• 此外，如果沒有定義此類方法，那麼您總是可以回退到默認標題。在這種情況下，triggerMethod將返回undefined。
• 利潤！