1

如何使用来自服务器的新数据更新帖子集合handleSliderChange()？当我尝试fetch()在$.getJSON集合中使用时，会使用旧数据重置。

define ['jquery','backbone','app','views/posts/post_view','templates/posts/index'], 
($, Backbone, App, PostsView) ->
  class App.Views.Posts.IndexView extends Backbone.View
    template: JST["posts/index"]

    events:
      "slidechange #slider":   "handleSliderChange"

    initialize: () ->
      @options.posts.on('reset', @render, @)

    addAll: () ->
      @options.posts.each(@addOne, this)

    addOne: (post) ->
      view = new PostView({model: post})
      $(@el).find("#list").append(view.render().el)

    slider: ->
      $(@el).find("#slider").slider({})

    handleSliderChange: (e, ui) ->
      self = this
      $.getJSON "/posts?scope="+ui.value, (data) ->
        #how to update posts collection with 'data'?

    render: ->
      $(@el).html(@template(posts: @options.posts.toJSON()))
      @slider()
      @addAll()
      @
4

1 回答 1

1

用于Collection.reset用新模型替换现有集合。假设来自“/posts?scope?ui”的响应是一个哈希数组，你可以使用：

$.getJSON "/posts?scope="+ui.value, (data) ->
    self.collection.reset data

请注意，这Collection.fetch有点像调用“getJSON”后跟“reset”，因此您可能需要考虑使用它。

options = {}
options["url"] = "/posts?scope="+ui.value
@collection.fetch options
于 2013-10-23T14:50:52.973 回答