Отображение меню сортировки с использованием Backbone.js - PullRequest
Новая
       21

Отображение меню сортировки с использованием Backbone.js

1 голос
/ 06 декабря 2011

Я использую Backbone.js для отображения списка элементов.Это работает, у меня есть модель, коллекция и вид.

Что я хочу сделать, так это иметь Main Nav & Sub Nav, который предоставляет параметры сортировки для элементов списка.

Main navэто всего лишь два элемента, так что я жестко запрограммирован на странице.Для суб-навигации, я хотел бы сделать это динамически на основе выбора Main Nav.Элементы суб-навигации являются статическими.

Я установил событие, которое будет наблюдаться при изменении элемента MainNav: 

events : {
    "click #items-main-nav" : "onNavMainClick"
},

Мой вопрос: где я могу определить элементы суб-навигации для двух Main Nav?Предметы?И как мне их рендерить.И где все это должно жить в файле представления backbone.js?

Спасибо

1 Ответ

2 голосов
/ 06 декабря 2011

У вас будет одно представление, которое визуализирует контейнер subNav, внутри контейнера subNav вы будете вставлять шаблон в зависимости от элемента, выбранного в MainNav. Я думаю, что это должно выглядеть следующим образом .... 

var subNav = Backbone.View.extend({

  tagName: "div",

  events: {
    "click #items-main-nav" : "onNavMainClick"
  },

  onNavMainClick : function(event){
    //determine which item they clicked on the main nav
    //and call render with correct paramters
    render(option);
  },

  render: function(option) {

    $(this.el).html(option.template(this.model.toJSON()));
    return this;
  }

});
...