在EmberJS上动态渲染视图

时间:2011-12-15 20:20:18

标签: ember.js

我只是有点麻烦为Ember实现一种特殊的观点,我在源头上挖了好几天但却找不到如何使它工作......你能看一看并告诉我是什么的错误?这是一个小代码,从另一个视图渲染一个视图时的一个特定问题(它没有正确绑定...)。

展示问题的示例代码(带注释)位于:http://jsfiddle.net/wilkerlucio/rUUuN/

编辑:

为了澄清,我正在尝试做一个动态渲染另一个视图的视图。它对许多实现都很有用,比如标签。在选项卡上,您有选项卡和显示当前选项卡的容器,因此,我正在尝试完成的视图就像当前选项卡容器一样。每个选项卡都有自己的视图,我需要我的视图能够呈现当前选项卡的视图。

我知道我可以做一些事情,比如隐藏一个视图并展示另一个,但这不是我现在想要的方式。我正在创建的这个CardView应该绑定到将返回视图实例的属性,并且CardView将呈现此视图,并且如果指向视图的属性更新,则会更新。

您可以在此处看到有关我正在尝试做的更全面的示例:http://jsfiddle.net/wilkerlucio/Ztdpb/

由于

1 个答案:

答案 0 :(得分:6)

我认为您需要指定模板:

App.CardView = Ember.View.extend({
    defaultTemplate: SC.Handlebars.compile('{{App.obj.value}}')
});

App.CardView = Ember.View.extend({
    templateName: 'sample'
});

如果您计划拥有多个子视图,则可能需要尝试使用集合视图。

此链接有点陈旧,但仍然不错:http://guides.sproutcore20.com/using_handlebars.html

我还在博客中介绍了如何使用Ember(SC2)here实现CRUD操作。

希望这有帮助。