Backbone按ID删除行
我正在尝试使用Backbone删除表中的一行。 我正在为这个项目使用Rails 4和backbone-on-rails gem。
我正在使用addEntryevent在我的Movies表中添加行。 这会添加一个包含id,movie_title和user_id的新行。
索引视图
class Movieseat.Views.MovieseatsIndex extends Backbone.View template: JST['movieseats/index'] initialize: -> @collection.on('update', @render, this) @collection.on('add', @appendEntry, this) render: -> $(@el).html(@template()) @collection.each(@appendEntry) this events: -> "click li": "addEntry" "click .remove": "removeEntry" addEntry: (e) -> movie_title = $(e.target).text() @collection.create title: movie_title removeEntry: (e) -> thisid = @$(e.currentTarget).closest('div').data('id') console.log thisid @collection.remove thisid appendEntry: (entry) -> view = new Movieseat.Views.Entry(model: entry) $('#entries').append(view.render().el)
当我单击.remove元素时,我得到一个控制台日志结果,显示存储在我要删除的元素中的id。
Entry视图
class Movieseat.Views.Entry extends Backbone.View template: JST['movieseats/entry'] className: 'movie-frame' render: -> $(@el).html(@template(entry: @model)) this
这是我的index.jst.eco模板
Movies
这是我在index.jst.eco模板中呈现的Entry模板(我正在这样做,所以我只会重新渲染添加到视图中的电影。
<div class="movie-frame" data-id=""> Remove