0

我有一个我认为很容易诊断的问题，但我似乎无法自己解决。

我有以下用 CoffeeScript 编写的缩写 Backbone 代码：

events = FD.Events # collection

# instantiated on page load with collection: events
class FD.StreamView extends Backbone.View

el: $(".stream")

initialize: ->
    # Bind the view to listen for a reset of the collection and rerender
    @collection.on("reset", @render)

    # Listen for a change to this model and run the function getActivities
    FD.filters.on("change", @getActivities)

render: =>
    # render function code

getActivities: =>
    # create a new instance of the FD.Events collection class
    events = new FD.Events

    # create a new instance of this view, passing in the new empty collection
    streamView = new FD.StreamView collection: events, model: FD.filters

    # make an AJAX call and as a part of the callback function, reset the collection
    # for the view we just instantiated above
    params = FD.filters.attributes
    callbackFunc = (responseText) ->
        json = $.xml2json(responseText)
        activities = json.activity
        events.reset activities
    params = FD.filters.attributes
    activities_json = $.get("/landing/Data", params, callbackFunc)

如您所见，问题在于 getActivities 函数在每次调用集合时运行的次数加倍，因为它第一次运行时会创建第二个视图，然后这两个视图都会运行。当集合发生变化时，这两个实例中的每一个都会创建两个实例，所以我们现在有四个，并且所有四个都运行 getActivities。然后是8，然后是16。

显然，创建 FD.StreamView 类的新实例不是正确的方法，但我不知道如何重置单个视图所绑定的集合，以及如何触发绑定的 @render 函数。

任何的想法？如果我遗漏了重要信息，请告诉我。提前致谢。

迈克尔

4

1 回答 1

0

您想要的结构只是将视图绑定render到集合的事件，就像您拥有的那样，reset也可能add/remove取决于您的应用程序的具体情况。但是，getActivities应该简单地告诉集合通过该fetch方法获取数据，但使用当前的过滤器集（我假设这是一个搜索查询）。所以添加一个实例属性调用filters到你的集合类，在getActivitiesdoevents.filters = FD.filters然后 just events.fetch()。当响应到达时，集合将重置，这将触发一个导致render()执行的事件，瞧，您的视图将是最新的。您在render()其中发出 ajax 请求的代码属于集合，而不是视图。

于 2012-04-05T05:02:26.123 回答