एमवीसी/बैकबोन.जेएस

Question

का उपयोग करके एक समग्र पैटर्न को कार्यान्वित करना मेरे वेबैप में एक समग्र संरचना है यानी प्रत्येक श्रेणी संग्रह में अलग-अलग आइटम और अन्य श्रेणियों का मिश्रण हो सकता है क्योंकि इसकी पंक्तियां/नोड/बच्चे (यहां सही शब्दावली सुनिश्चित नहीं हैं)। वास्तव में, यह थोड़ा सा सरल है क्योंकि प्रत्येक संग्रह को मॉडल, श्रेणी द्वारा दर्शाया जाता है, इसलिए अनिवार्य रूप से प्रत्येक श्रेणी संग्रह में आइटम मॉडल और श्रेणी मॉडल दोनों ही बच्चे होते हैं।

सामान्य रूप से यह एमवीसी का उपयोग करके इस संरचना को लागू करने का एक सलाह देने योग्य तरीका है? अधिक विशेष रूप से, Backbone.js में एक संग्रह के लिए एक आदर्श मॉडल संपत्ति के बजाय मॉडल फैक्ट्री (जेसन लेना और जेसन की संरचना के आधार पर जेनरेट करने के लिए कौन सा मॉडल उत्पन्न करना) संभव है?

Answer 1

हाँ, आप कर सकते हैं। मैंने इसे पहले किया है। मुझे लगता है कि इस लिंक आप मदद कर सकता है: http://documentcloud.github.com/backbone/#Collection-model

यहाँ

मुख्य स्क्रिप्ट मैं अपने प्रोजेक्ट के लिए इस्तेमाल में से एक है: https://gist.github.com/b65893e0c2e3c46d3dc1

Answer 2

मैं तुम्हें ऐसा ही कुछ लग रहा है JSON में एक श्रेणी/गई वस्तुओं की सूची प्राप्त कर रहे हैं संभालने हूँ इस ...

{ 
    'id': 1, 
    'name': 'My 1st Category', 
    'children': [ 
     { 
      'id': 2, 
      'name': 'My 2nd Category', 
      'children': [] 
     }, 
     { 
      'id': 1, 
      'name': 'An Item', 
      'price': 109.99 
     } 
    ] 
} 

Backbone.js बॉक्स है कि एक संग्रह में एक से अधिक मॉडल का समर्थन करता है से बाहर कुछ भी नहीं है, लेकिन यह भी मॉडल के प्रकार आप एक संग्रह में डाल पर कोई प्रतिबंध नहीं है ।

संग्रह परिभाषा में मॉडल प्रकार निर्दिष्ट करना केवल एक चीज है, यह बैकबोन को यह जानने देता है कि क्या आप मॉडल प्रकार को बनाने के लिए Backbone.Model ऑब्जेक्ट के बजाय संग्रह में कच्चे JSON को पास करते हैं। यदि आप एक संग्रह में Item मॉडल जोड़ते हैं जिसमें पहले से ही कुछ Category मॉडल शामिल हैं, तो बैकबोन को मॉडल सूची में पॉप-अप करने में कोई समस्या नहीं होगी; यह किसी भी प्रकार की जांच नहीं करता है।

तो इस बात को ध्यान में रखते हुए, आप केवल कच्चे JSON को छोड़कर संग्रह ऑफ़र के बारे में सब कुछ उपयोग कर सकते हैं; आपको इसे स्वयं संभालना होगा। तो आपके विकल्प या तो पहले से ही अपने मॉडल का निर्माण करना है, उन्हें Backbone.Model ऑब्जेक्ट्स में बनाना, या ऐसा कुछ बनाना जो आपके लिए पार्सिंग करेगा।

दूसरे विकल्प के लिए, पार्सर, मैं आपके कच्चे JSON युक्त संग्रह में एक विशेष चर पारित करने का सुझाव देता हूं, फिर अपने initialize फ़ंक्शन में इसे संभालने का सुझाव देता हूं। यहाँ एक उदाहरण है:

var CategoryCollection = Backbone.Collection.extend({ 
    initialize: function(m, models) { 
     _.each(models, function(model) { 
      var modelObject = null; 
      if (model.price !== undefined) { 
       modelObject = new Item(model); 
      } else { 
       modelObject = new Category(model); 
      } 

      this.add(modelObject); 
     }, this); 
    } 
}); 

तो यह एक छोटे से hacky है, लेकिन आप मॉडल के प्रकार के आधार का निर्धारण करता है, तो यह (मेरे उदाहरण में price) एक विशेष क्षेत्र है, मॉडल वस्तु बनाने, तो है कि जोड़ने संग्रह।

var myCollection = new CategoryCollection([], myJSON); 

सूचना आपके पास पहले तर्क के रूप में एक खाली सरणी के बाद से है कि आप किस प्रकार सामान्य रूप से संग्रह करने के लिए मॉडल का एक सेट को भेज देते हैं पारित करने के लिए:

फिर आप इसे इस तरह फोन चाहते हैं।

जब संग्रह का उपयोग करने पर बाद में, आप तय कर सकते हैं अगर आप एक सरल instanceof जांच का उपयोग कर एक Item या Category साथ काम कर रहे:

_.each(myCollection.models, function(model) { 
    if (model instanceof Item) { 
     console.log("It's an Item! Price: ", model.get("price")); 
    } else { 
     console.log("It's a Category!"); 
    } 
}); 

Answer 3

यह काफी बस सार्वजनिक तरीकों parse और में बनाया ओवरराइट करके हासिल की है मॉडल के डेटा को पुनर्प्राप्त करने और सहेजते समय toJSON रीढ़ की हड्डी द्वारा आंतरिक रूप से उपयोग किया जाता है।

सबसे पहले जब आप डेटाबेस से मॉडल को पुनः प्राप्त करते हैं तो आपको मॉडल के parse विधि को अपने उदाहरण से दिए गए आइटमों का प्रतिनिधित्व करने वाले मॉडल बनाने के लिए ओवरराइट करना चाहिए। वहाँ तुम सिर्फ एक प्रारूप है कि बैकेंड पहचान लेंगे करने के लिए इसे क्रमानुसार करने प्रत्येक आइटम के मॉडल पर toJSON विधि कॉल चाहते हैं -

तब पर toJSON विधि डेटा वापस क्या सर्वर को समझ सकता हूँ करने के लिए क्रमानुसार करने प्रयोग किया जाता है को बचाने के। यदि आप Backbone.sync के लिए कोड देखते हैं तो आप देखेंगे कि यदि कोई कस्टम डेटा पास नहीं हुआ है तो मॉडल हमेशा toJSON का उपयोग करके क्रमबद्ध हो जाता है।

मुझे बताएं कि आपको अधिक विस्तृत जानकारी की आवश्यकता है, हालांकि मुझे विश्वास है कि आपको इसे यहां से चुनने में सक्षम होना चाहिए!

Answer 4

हां, आप रीढ़ की हड्डी के संग्रह में मॉडल निर्माण के लिए फैक्टरी विधि पैटर्न का उपयोग कर सकते हैं। डेटा संरचना @kpeel's answer में सुझाव मान लिया जाये, तो आप

// Factory method 
var CategoryOrItemFactory = function(data, options) { 
    if (data.children) { 
     return new Category(data, options); 
    } else { 
     return new Item(data, options); 
    } 
}; 

// Model definitions 
var Item = Backbone.Model.extend(); 

var Category = Backbone.Model.extend({ 
    initialize: function() { 
     this.children = new Children(this.get("children")); 
    } 
}); 

var Children = Backbone.Collection.extend({ 
    model: CategoryOrItemFactory 
}); 

तब आप अपने जड़ आइटम (श्रेणी) बन जाएगा निर्धारित कर सकते हैं और पूरा डेटा संरचना बनाई गई है:

// create the root item 
var rootItem = new Category(rawData); 

पहुँच एक श्रेणी के बच्चों को अपने children संपत्ति उदाहरण के लिए

rootItem.children.get(2).get("name"); 

यहां खेलने के लिए jsFiddle with the above code है।