Question

我对骨干网和backgrid还是很陌生，想知道如何添加锚点以导航到backgrid网格？到目前为止，我创建了许多网格并将其元信息存储在导航集合中。导航和网格元素已呈现，但是我看不到如何将导航锚连接到网格表的任何内容。

示例代码，其中使用grid.render（）。cid，该代码不起作用：

  races = { };  
  docs.forEach(function(doc) {
    if (races[doc.s_y] === undefined) {
      races[doc.s_y] = {};
    }
    if (races[doc.s_y][doc.t] === undefined) {
      races[doc.s_y][doc.t] = new Races();
      races[doc.s_y][doc.t].add(doc);
    } else {
      races[doc.s_y][doc.t].add(doc);
    }

  });
  console.log("Found number of docs", docs.length);

  var NavigationCollection = Backbone.Collection.extend({
    model : Race
  });
  var navCollection = new NavigationCollection();
  var NavView = Backbone.View.extend({  
    el : $('ul'), 

    initialize: function(){
      _.bindAll(this, 'render'); 
      // this.render();  
    },  

    render : function() {
      this.collection.each(function (race) {
        this.$el.append("<li><a href=#" + race.get("link") + ">" + race.get("track") + " " + race.get("year") + "</a></li>");
      }, this);
      return this; // remember this for chaining
    }

  });

  var grids = {};
  for (var key in races) {
    if (races.hasOwnProperty(key)) {
      for (var track in races[key]) {
        var grid = new Backgrid.Grid({
          columns: columns,
          collection: races[key][track],
          emptyText: "No Data, Loading"
        });
        if (grids[key] === undefined) {
          grids[key] = {};
        }
        grids[key][track] = grid;
        console.log(key + " -> " + races[key][track]);
        grid.render().sort("p", "ascending");
        console.log(grid.render());
        navCollection.add({ year: key, track: track, link: grid.render().cid });
        $("#race-results").append(grid.render().el);
      }
    }
  }
  var navView = new NavView({
    collection: navCollection
  });
  $("#navigation").append(navView.render().el);

Answer 1

刚刚发现可以在网格定义中定义“ id”。我在那里使用“轨道”，并将其另存为导航元素中的“链接”。也许有更好的方法可以实现这一目标？

如何添加导航到backgridjs元素？

1 个答案: