ember.js - 如何将 CollectionView 与 connectOutlets 结合使用？

Question

目前我正在尝试在我的路由器和 ConnectOutlets 中使用 CollectionView。如果我使用 Collection View 助手，我很好，但这与我的其他实现形成鲜明对比，在其他实现中我总是利用 connectOutlets。

我基本上尝试的是:

connectOutlets : function(router){
  console.log("calling connectOutlets");
  router.get("applicationController").connectOutlet({
    viewClass : App.ItemsView,
    controller : App.itemController,
    context : content
  })
}

App.ItemsView = Ember.CollectionView.extend({
  itemViewClass : App.ItemView,
});

App.ItemsView 是 CollectionView 的子类。 App.itemController 是我手动实例化的 ArrayController 。您可以在这里看到完整的 fiddle :http://jsfiddle.net/mavilein/qS3aN/12/

但实际上这是行不通的。我没有看到项目被渲染。使用集合助手它工作得很好，但是在 View 中设置绑定(bind)对我来说太静态了。CollectionView 不适合与 connectOutlet 一起使用吗？

Answer 1

看起来您可以做到这一点，但需要在 ItemsView 中进行两个小调整:

App.ItemsView = Ember.CollectionView.extend({
   contentBinding: 'controller',
   itemViewClass : 'App.ItemView',
});

• 由于 CollectionView 依赖于其内容属性，因此您必须将其绑定(bind)到其 Controller 属性。 (该属性是在connectOutlet时连线的)

• 当您在 ItemsView 之后定义 App.ItemView 时，您需要将其作为字符串引用，以便让 Ember.js 在执行过程中查找它。 ItemsView 实例创建。

fiddle :http://jsfiddle.net/qS3aN/29/