使用骨干模型从 JSON 检索特定数据

Question

我正在创建应用程序的客户端视图，并且需要帮助从 JSON 文件中检索特定数据。我使用 Backbone.js 和 Underscore.js 来实现这一点。

(function($) {

      window.Node = Backbone.Model.extend({
         getName:    function(){
             return this.get('Name');
         } 
     });

      window.Nodes = Backbone.Collection.extend({
         model:Node,
          url: '/packageview.json'
    });

  window.NodeView = Backbone.View.extend({

    tagName: "div",

    className: "package-template",

    events:{

      "click #display-name"       :    "displayname",         
    },

    //.. I have a render and initialize function here which should not be a concern


    displayname: function(){
      var node = new Node();
      alert(node.getName());  //trying to alert
    },

  });
});

我正在尝试从模型中获取名称并提醒它。我的 html 中有一个带有 id 的按钮，当我按下该按钮时，我会收到“未定义”警报。我的 JSON 文件如下所示：

{
  "Id": 2,
  "Name": "Some Package",
  "IsComplete": false,
  "IsNodeTagComplete": false
}

我认为我在某个地方犯了一个愚蠢的错误。我对模型的期望太高了吗？

Answer 1

我在这里做的是这个

 window.jsonAccess = Node.extend({ // Here Node is my above mentioned model

    getJSON: function(){
        var collection = nodeInstance.toJSON(); // nodeInstance is an instance of my collection Nodes
        return collection; //returns JSON
    }
});
jAccess = new jsonAccess();

所以这就是我正在做的访问 JSON

 getNodeId: function(){ //Function to get Node Id from JSON
        objectJSON = jAccess.getJSON(); // Get JSON 
        _.each(objectJSON, function(action){
            _.each(action.Nodes, function(action){

这解决了我的目的，但不完全是在主干中使用 getter 的方式。

Answer 2

由于缺少很多上下文，我也可能犯了一个错误，但这是我的猜测 - 您正在创建一个空的节点模型。尝试在显示中执行类似的操作：

displayName: function() {

   var myJSON = window.getJSONObject(); //wherever your json object is or how to get it...
   var node = new Node({
   id:myJSON.Id,
   name:myJSON.Name,
   isComplete: myJSON.IsComplete,
   ...
   });

   alert(node.get('name'));
   alert("Getter: "+node.getName()); //your version...
}

虽然这只是一种预感...也许我错过了您的上下文，但现在似乎是这种情况...