簡體   English   中英

Backbone.js-如何從集合中獲取值?

[英]Backbone.js - How I can get values from collection?

我在我的項目中使用jquery,beltonejs和underscorejs。 我的問題是,如何從給定的集合中獲取價值?

BranchModel

define([
  'underscore',
  'backbone'
], function(_, Backbone) {

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

  return BranchModel;

});

BranchCollection

define([
  'jquery',
  'underscore',
  'backbone',
  'models/branch/BranchModel'
], function($, _, Backbone, BranchModel){
  var BranchCollection = Backbone.Collection.extend({
    model: BranchModel,
    url: "data.json",
        parse: function(data) {
            return data;
        }
  });

  return BranchCollection;
});

BranchView

define(['jquery', 'underscore', 'backbone', 'collections/branch/BranchCollection', 'text!templates/locate-us/mapTemplate.html'], function($, _, Backbone, BranchCollection, mapTemplate) {
    var MapView = Backbone.View.extend({
        el: $("#page"),
        initialize: function() {
            this.$el.off();
        },
        render: function(id) {
            var that = this;
            this.collection = new BranchCollection();
            var formValues = {
                id: id
            };
            this.collection.fetch({
                data: formValues,
                success: function(collection, response) {
                    that.$el.html(mapTemplate);
                },
                error: function() {
                    console.log("error");
                }
            });
        },
    });
    return MapView;
});

data.json

[
    {
      "id": "1",
      "name": "KCP KEBAYORAN LAMA, FMT-JKT",
      "address":"Jl. Raya Kebayoran Lama No. 22 (PAL VII), Kel. Sukabumi Utara - Kec. Kebon Jeruk, Jakarta Barat 11540",
      "latitude":"-6.1773997",
      "longitude":"106.8409396"
    },
    {
      "id": "2",
      "name": "KK JL. PANJANG, PDI-JKT",
      "address":"Jl. Panjang No 37 D, RT 006, RW 011, Kecamatan Kebon Jeruk, Kelurahan Kebon Jeruk, Jakarta Barat",
      "latitude":"-6.1632894",
      "longitude":"106.7633571"
    }
]

假設我想檢索記錄ID 1,所以我將獲得此值。

              "id": "1",
          "name": "KCP KEBAYORAN LAMA, FMT-JKT",
          "address":"Jl. Raya Kebayoran Lama No. 22 (PAL VII), Kel. Sukabumi Utara - Kec. Kebon Jeruk, Jakarta Barat 11540",
          "latitude":"-6.1773997",
          "longitude":"106.8409396"

非常感謝。

似乎您需要通過id來獲取模型,為此,您需要在model提供urlRoot 例如 :

var BranchModel = Backbone.Model.extend({
 urlRoot : '/branch'
});

這意味着您必須在Rest API具有分支資源的網址

/branch        // returns all branches
/branch/:id    // returns a single branch that has this id

現在,您可以開始通過id來獲取模型,如下所示

var model = new BranchModel({id:someId});
model.fetch();

希望這會有所幫助。

您是說this.collection.get("1")嗎?

如果您的集合正確地從服務器獲取了值,則可以通過上面的代碼獲得所需的東西。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM