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

「 getJSON Collection.fetch」の後に「reset」を呼び出すようなものなので、代わりにそれを使用することを検討してください。

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