BackboneJs：如何在页面标记中引导我的数据，以及何时将它们分配给我的集合

Question

所以， 构建一个使用多个（现在是 2 个）全局集合的应用程序， 它是文档和患者的目录，它们之间存在关系，但不像 1 个文档或属于 1 个患者的文档列表那样，所以它们实际上是 2 个独立的集合，

我的应用程序的结构非常相似的模块系统这里是如何描述的： http://weblog.bocoup.com/organizing-your-backbone -js-application-with-modules

backbone.js 文档提到了引导，要

<script>
  Accounts.reset(<%= @accounts.to_json %>);
</script>

在 Rails 应用程序中执行类似的操作，但是我需要在 asp.net MVC3 中以不同的方式执行此操作，很可能我只会打印出我的 json 字符串，而无需 <%= %>这不是剃刀视图引擎风格），

但我的问题是，

这个 Accounts.reset(...data...); 只是浮动在我的标记中的某个位置，它不是以任何方式我的模块系统结构很好，有没有办法很好地做到这一点？ 我可以从模块中的哪里获取数据？

还有另一个附带问题，假设我的主干应用程序中有一条路线 http://example.com/#documents

有人直接调用此链接，在执行路线本身之前，我的应用程序是否会按时准备好数据（来自引导程序）？

Answer 1

我倾向于设置 application 对象 - 一个封装启动应用程序所需的所有代码的对象。然后，我将参数传入该对象的构造函数，以便应用程序对象可以使用它们。将预加载的 JSON 数据传递到应用程序对象中是我所做的事情之一，以保持代码的合理性和封装性。

通常情况是这样的：

MyApp = (function(Backbone, _){
  var MyModel = Backbone.Model.extend({});

  var MyCollection = Backbone.Collection.extend({
    model: MyModel
  });

  var MyView = Backbone.View.extend({
    initialize: function(){
      this.collection.bind("reset", this.render, this);
    },

    render: function(){
      // do stuff with the collection here
    }
  });

  var myApp = function(initialModels){
    this.start = function(){
      this.models = new MyCollection();
      this.myView = new MyView({collection: this.models});
      this.models.reset(initialModels);  
    };
  };

  return myApp;
})(Backbone, _);

然后在需要启动应用程序的页面中，我这样做：

<script language="javascript">
  var myApp = new MyApp(<%= mymodels.to_json %>);
  myApp.start();
</script>

这当然是 Rails 版本。只需将 <%= ... %> 替换为 ASP.NET MVC 中 Razor 语法的版本即可。

Answer 2

如果在 Rails 上：除了 Dericks 答案之外，您可能还想使用 Gon 来“将 Rails 变量获取到js”。

然后你会像这样初始化你的应用程序：

<script language="javascript">
  var myApp = new MyApp(gon.mymodels);
  myApp.start();
</script>

Answer 3

德里克就是一个很好的例子！对于 MVC 3+ 使用以下语法：

<script language="javascript">
  var myApp = new MyApp( @Html.Raw(Json.Encode(Model)) );
  myApp.start();
</script>