Backbone: संग्रह और मॉडल लाने/बचाने आदि की स्थिति

हाय @ g00fy-! मेरा सुझाव है कि आप इस उद्देश्य के लिए "request" और "sync" ईवेंट का उपयोग करें। तुम क्या सोचते हो?

collection.on('request', function() {
  // loading...
}).on('sync', function() {
  // display records or "none found"
});
collection.fetch();

_संपादित करें - मेरा मतलब "request" घटना से था, न कि "fetch" ._

मुझे लगता है कि यह एक प्रफुल्लित करने वाला विचार है @braddunbar!

धन्यवाद @caseywebdev! :)

हमें बताएं कि क्या यह आपके लिए काम नहीं करता है @ g00fy-।

@braddunbar , @caseywebdev विचार उन दो हिस्सों को अलग करना है। (दृश्य किसी भी राज्य में संग्रह प्राप्त करने में सक्षम होना चाहिए, न कि केवल _'स्वच्छ'_ संग्रह)
मुझे पता है कि मैं इसे सिग्नल का उपयोग करके कर सकता हूं, लेकिन कई मामलों में ऐसा नहीं किया जा सकता है। क्रियाओं का क्रम मायने रखता है

मैं सहमत हूं कि दृश्य को 'अनुरोध' और 'सिंक' संकेतों को सुनना चाहिए, लेकिन संग्रह को दृश्य में पास करने से पहले अनुरोध संकेत भेजा जा सकता है , इसलिए दृश्य को पता नहीं है कि संग्रह प्राप्त हो रहा है।

एक उदाहरण पर विचार करें, जहां आपके विचार को एक मनमाना संग्रह मिलता है। यह संग्रह या तो _fetched_ , _fetching_ या _unfetched_ हो सकता है जब इसे दृश्य में भेजा जाता है (tl: dr उदाहरण 3 देखें) ।

उदाहरण 1 (जहां सिग्नल काम करेंगे)

collection = new Backbone.Collection();
view = new Backbone.View({collection:collection});
view.render();
// what should the view render ?
collection.fetch() // now sync signal gets sent

उदाहरण 2 (दृश्य पहले ही प्राप्त हो चुका है, लेकिन एम्टी संग्रह, सिग्नल भी काम करेंगे)

collection = new Backbone.Collection();
collection.fetch();  // now sync signal gets sent
// after fetch completes
// view won't be able to receive 'sync' signal
view = new Backbone.View({collection:collection}); 
view.render(); 
// at this point collection.length == 0. 
// I guess the view can listen to 'sync' and then render 'empty' 

उदाहरण 3 (सबसे महत्वपूर्ण, सिग्नल काम नहीं करेंगे)

collection = new Backbone.Collection();
collection.fetch();  // now 'request' signal gets sent, but it is pending
// view won't be able to receive 'request' signal
view = new Backbone.View({collection:collection}); // at this point collection.length == 0
// view did not receive the 'request' signal, therefore has no idea that the collection is fetching
// and the view should render  'loading'
// after 2 seconds, 'sync' signal gets sent

दृश्य यह नहीं मान लेना चाहिए कि यदि संग्रह.लंबाई == 0 है तो यह अनफ़ेच है।
दृश्य यह भी नहीं मान लेना चाहिए कि यह संग्रह अप्राप्त अवस्था में (या किसी अन्य राज्य में) दिया गया है।

यदि हम संग्रह को दृश्य से अलग करना चाहते हैं, तो दृश्य को यह जानने में सक्षम होना चाहिए कि संग्रह की स्थिति क्या है।

वही बात मॉडल के लिए जाती है

@ g00fy यदि आप संग्रह को दृश्य में भेजने के बाद केवल fetch नहीं कर सकते हैं, तो अपने संग्रह पर fetching ध्वज या ऐसा सेट करें।

collection.on({
  request: function () { this.fetching = true; },
  'sync error': function () { this.fetching = false; }
});

अब आपका दृश्य this.collection.fetching तक पहुंच सकता है और this.collection लिए sync या error ईवेंट को सक्रिय करने की प्रतीक्षा भी कर सकता है।

@ केसीवेबदेव
अनुरोध निरस्त किया जा सकता है, या दो अनुरोध एक साथ भेजे जा सकते हैं।

// example 1
collection.fetch().abort()  // and collection.fetching == true
// example 2 - don't care about abort();
collection.fetch();
collection.fetch();
// 1st request compleated
!!collection.fetching == false // but the 2nd request is pending - should it be loading or not?
// 2nd request completed

इसका समाधान यह होगा कि कनेक्ट किया जाए do deferred xhr

collection.on({
    'request':function(model,xhr){ 
        this.fetching = true; 
        xhr.fail(function(){this.fetching = false }.bind(this));
    },
    'sync error': function () { this.fetching = false; }
});

इसीलिए, मुझे लगता है कि इसे बिल्ट इन करना आसान हो सकता है, लेकिन दूसरी ओर, अगर इस तरह की हर एन्हांसमेंट हो जाती है, तो BB कोड-बेस फूला हुआ होगा।

अगर इस तरह की हर वृद्धि हो जाती है, तो बीबी कोड-बेस फूला हुआ होगा।

मुझे लगता है कि यह दृष्टिकोण के मुकाबले सूजन के बारे में कम है। समवर्ती अनुरोधों को संभालने के लिए आप कई अलग-अलग तरीके अपना सकते हैं। बैकबोन आपको ऐसे प्रिमिटिव प्रदान करता है जिन्हें आपको संभालने की आवश्यकता होती है और फिर रास्ते से हट जाते हैं।

@ g00fy- आप अपने उद्देश्यों के लिए एक परिमित-राज्य मशीन लिखने पर एक नज़र डालना चाहेंगे। Chaplin.js में एक है जिसे दोहराने में बहुत आसान होना चाहिए, और ifandelse/machina.js भी है ( ब्लॉग पोस्ट देखें) जो आपके विशिष्ट उपयोग के मामले के अनुरूप हो सकता है।