Backbone'da tek bir modeli nasıl getirebilirim?

ClockBackbone'da bir modelim var :

var Clock = Backbone.Model.extend({});

En son bilgileri içeren bir örneğini almaya çalışıyorum /clocks/123. Denediğim bazı şeyler:

"sınıf" düzeyinde bir yöntem

Clock.fetch(123)
// TypeError: Object function (){ ... } has no method 'fetch'

bir örnek oluşturma ve ardından fetchonu çağırma :

c = new Clock({id: 123})
c.fetch()
// Error: A 'url' property or function must be specified

bir koleksiyon

Bir AllClockskoleksiyon kaynağı oluşturmayı denedim (sayfada böyle bir şeyi kullanmama rağmen):

var AllClocks = Backbone.Collection.extend({
  model: Clock,
  url: '/clocks/'
});
var allClocks = new AllClocks();
allClocks.fetch(123);
// returns everything from /clocks/

Nasıl Sadece alırım bir API destekli Saat?

İkinci yaklaşımınız benim kullandığım yaklaşımdır. Aşağıdakileri Saat modelinize eklemeyi deneyin:

url : function() {
  var base = 'clocks';
  if (this.isNew()) return base;
  return base + (base.charAt(base.length - 1) == '/' ? '' : '/') + this.id;
},

Bu yaklaşım, http://www.mydomain.com/#clocks/123 gibi URL'nizde hashbang ile denetleyicileri uyguladığınızı varsayar , ancak henüz yapmamışsanız bile çalışmalıdır.

Modelde urlRoot belirtmeyi deneyin :

Dokümanlardan:

var Book = Backbone.Model.extend({urlRoot : '/books'});
var solaris = new Book({id: "1083-lem-solaris"});
solaris.fetch();

Model # url yöntemi belgelerini takip ederek şahsen tavsiye ederim

model = new Model(id: 1)
view = new View(model: model) 
collection = new Collection([model])
model.fetch()

koleksiyonunuza koleksiyon url'sini eklemeyi unutmayın:

url: "/models"

ve Görünümünüzün başlatma işlevinde şunları yapın:

this.model.bind("change", this.render)

bu şekilde, omurga bu url'yi kullanarak bir ajax isteğinde bulunacaktır:

"/models/1"

Koleksiyon # url veya Model # urlRoot değiştirilmeden modeliniz güncellenecek ve görünüm işlenecektir.

not: özür dilerim bu örnek kahve betiğinde ortaya çıktı, ancak bunu kolayca js'ye çevirebilir ve var ifadeleri ekleyebilirsiniz

var Person = Backbone.Model.extend({urlRoot : '/person/details'});
var myName = new Person({id: "12345"});
myName.fetch();

Sonuç olarak, bir Ajax isteğinde bulunursunuz.

URL http://[domainName]/person/details/id 

ve JSON yanıtını geri aldınız.

Enjoiiii !!!

... ve urlRoot modelinin sonundaki eğik çizgiyi istemiyorsanız bunu yapın:

    url : function() {                        
        return this.urlRoot + this.id;
    },

Muhtemelen nesneye bir koleksiyon aracılığıyla erişmeli ve onu her zaman koleksiyonda tutmalısınız. Böyle yapılır:

var AllClocks = Backbone.Collection.extend({
  model: Clock,
  url: '/clocks/'
});

var allClocks = new AllClocks();
my_clock = allClocks.add({id: 123});
my_clock.fetch()

RESTful url kullanmak istiyorum, ancak 'postId'nin neden temel url'ye eklenemediğini anlayamadım.

var PostModel = Backbone.Model.extend({
    urlRoot: 'getBlogPost',
    defaults: {
        postTitle: "defaultTitle",
        postTime: "1970-01-01",
        postContent: "defaultContent",
        postAuthor: "anonymous"
    }
});

var post = new PostModel({
            postId: 1
        });
alert(post.url());

O zaman sadece Model'de 'idAttribute'u' postId 'olarak ayarladıktan sonra doğru url'yi alabilirim. bunun gibi:

var PostModel = Backbone.Model.extend({
    idAttribute: 'postId',
    urlRoot: 'getBlogPost',
    defaults: {
        postTitle: "defaultTitle",
        postTime: "1970-01-01",
        postContent: "defaultContent",
        postAuthor: "anonymous"
    }
});