बैकबोन और दस्तावेज़.title

Question

मैं backbone.js के साथ एक एकल पृष्ठ एप्लिकेशन बना रहा हूं और शीर्षक को बदलने के लिए सबसे अच्छा तरीका जानना चाहता हूं। मैं दृश्य में 'शीर्षक' विकल्प रखने के बारे में सोच रहा था और राउटर (किसी भी तरह) दस्तावेज़.title सेट करने के बारे में सोच रहा था। क्या किसी ने कुछ भी इसी तरह लागू किया है? धन्यवाद

Answer 1

बैकबोन.जेएस की घटना प्रकृति का उपयोग क्यों न करें।

सबसे पहले मुझे नहीं लगता कि यह दस्तावेज़ शीर्षक को अद्यतन करने के लिए राउटर तक है। विशेष रूप से यदि आप बड़े क्लाइंट-साइड अनुप्रयोगों के साथ काम कर रहे हैं तो आप इसे सरल रखना चाहते हैं और सुनिश्चित करें कि आपके आवेदन के प्रत्येक भाग में एक विशिष्ट कार्य पूरा हो।

राउटर मार्गों का प्रतिनिधित्व करने के लिए राउटर है, और कुछ भी नहीं।

जो मैं इसके बजाय सुझाव दूंगा (इस पर निर्भर करता है कि आप अपना आवेदन कैसे प्रारंभ करते हैं) एक एप्लिकेशन-स्तरीय ईवेंट एग्रीगेटर बनाने के लिए।

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

मैं सुझाव देता हूं कि कोड को अपने राउटर कॉलबैक में रखें। यह कोड की एक और पंक्ति होगी, लेकिन वर्तमान दृश्य के ज्ञान के बिना, राउटर/ऐप नहीं जान पाएगा कि किस दृश्य में सही शीर्षक है। (व्यवहार को ओवरराइड करने के लिए वास्तव में कोई अच्छी जगह नहीं है और बैकबोन.जेएस में कुछ अंतर्निहित कार्यों को प्रतिस्थापित किए बिना दस्तावेज़ शीर्षक प्रदान करें)। अपने रूटर कॉलबैक में

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

और फिर:

तुम बहुत बस अपने दृश्य के लिए कुछ जोड़ सकते हैं

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

एक अन्य विकल्प अभी है दृश्य में सेट करना होगा कब बनाया जाता है या जब एक विशेष विधि कहा जाता है। लेकिन, मैं पहले विकल्प का उपयोग करता हूं।

Answer 3

आप शुद्ध जावास्क्रिप्ट का उपयोग कर दस्तावेज़ के शीर्षक को बदलने के लिए jQuery का उपयोग क्यों कर रहे हैं? तेज़, आसान, क्लीनर ...

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 ; 

खिताब के संकल्प एक भी विभाजक

• यह आसानी से आवेदन कार्यप्रवाह में एकीकृत किया जा सकता जगह में जहां आप अपनी सामग्री से पता चलता है प्रबंधन द्वारा सरणियों और implodes के रूप में वापस देता है।
• onPageTitle दृश्य के संदर्भ में कहा जाएगा (this फ़ंक्शन फ़ंक्शन के अंदर दृश्य उदाहरण होगा), मॉडल डेटा और किसी भी दृश्य से संबंधित सामग्री का आह्वान करने की संभावना क्या होती है।
• जांच विधि उपलब्धता के साथ परेशान करने की कोई आवश्यकता नहीं है, बस कॉल-एंड-गो।
• इसके अलावा, यदि आप triggerMethod के रूप में परिभाषित नहीं हैं तो आप हमेशा डिफ़ॉल्ट शीर्षक पर फ़ॉलबैक कर सकते हैं यदि ऐसे मामलों पर undefined वापस आ जाएगा।
• लाभ!