Можно ли только удалить часть шаблона

Question

У меня есть шаблон с divs #entries и #movies В моем #entries div Я покажу модели своей коллекции фильмов. В моем #movies div я показываю результаты поискового запроса. (Именование элементов довольно плохо, я согласен).

В представлении, которое делает шаблон у меня есть следующие события,

events: -> 
    "click li": "addEntry" 
    "click .remove": "destroyEntry" 

    addEntry: (e) -> 
    movie_title = $(e.target).text() 
    @collection.create title: movie_title 

    appendEntry: (entry) -> 
    view = new Movieseat.Views.Entry(model: entry) 
    $('#entries').append(view.render().el) 

    destroyEntry: (e) -> 
    thisid = @$(e.currentTarget).closest('div').data('id') 
    @collection.get(thisid).destroy() 

Элемент литий визуализируется в #movies дел. Таким образом, я могу щелкнуть результаты из другого представления и добавить их в другую коллекцию. Это работает, но есть проблема.

В той же точки зрения у меня есть это,

initialize: -> 
    @collection.on('change', @render, this) 
    @collection.on('add', @appendEntry, this) 
    @collection.on('destroy', @render, this) 
    return 

Проблема заключается в том, что, когда изменения коллекции (например, при добавлении или удалении фильма из него) он повторно выводит шаблон. Это означает, что он перезагружает #entries и #movies div. Но теперь он просто отображает пустой #movies div (без коллекции поиска).

Так что мне было интересно, можно ли отображать только часть шаблона. В этом случае я хотел бы только перезагрузить #entries div и просто оставить только #movies div.

Answer 1

вы можете попробовать это:

@collection.on('change', @renderEntries, this) 

renderEntries: (entry) -> 
    $('#entries').html(render('entries', { entries: yourEntriesCollection.toJSON() })) 

//some common.js file 

function render(template_name, data) 
{ 
    //here create logic to render specified template by name with data. 
    // see example here: http://stackoverflow.com/questions/8366733/external-template-in-underscore 
    return html; 
} 

вы должны создать шаблон для записей, которые можно визуализировать отдельно.