Emberjs加载动态子视图
提问于 2014-08-14 11:12:17
我刚刚开始使用emberjs，对于如何在视图中动态更改视图有一些问题。
我想要一页有日历的。此页面顶部有一些按钮可在不同日历视图(日、周、月)之间切换，以及此视图中约会的一些筛选选项。
看这个模型：
目前，我已经创建了一个日历路由和一个CalendarIndexView和模板。此模板将包含基本筛选器和视图切换按钮。在索引视图中，我可以调用另一个视图来显示网格。
<div class="calendar-container">
{{view monthView}}
</div>附加到这些不同视图的集合/上下文不应更改，因为过滤器也应用于此。
我遇到的问题是，我不知道如何在单击"day“按钮后将monthView更改为dayView。我应该在路由器、控制器或主日历视图中处理这个问题吗？如果不查看路由器，如何使此视图切换动态？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-08-15 04:55:10
Ember的核心优势之一是路由器--所有东西都是由URL驱动的。我觉得你不应该离开这件事。
- 对日历资源中的不同视图使用不同的路由(在路由器中)： This.resource(‘日历’，{路径：‘/日历’}，函数(){ this.route('day')；this.route('week')；this.route(‘月’)；}；
- 在日历资源上设置模型
- 在嵌套路由(
day，week(您可以通过使用它的calendar index route使月份成为默认值)中，使用与日历路由中相同的模型，只需将其过滤到所需的内容即可。例如： 导出默认的this.modelFor('calendar').filter(function(event) ({Ember.Route.extend:函数(){返回{. })；}； - 对于人员过滤器，在控制器中创建一个计算属性，该属性过滤模型上的事件，并在模板中使用该属性，而不是实际模型。在这种情况下，如果选择了一个人，则可以在没有该人员的情况下筛选出任何事件。 selectedPerson: null，//绑定，例如，将其与所有人员一起绑定到一个select，或者使用一个操作filteredEvents: function() { if (！This.get( 'selectedPerson') {返回this.get('events')；}返回this.get(‘events’).filterBy(‘与会者’，this.get('selectedPerson'))；}.property(‘events.@each.著者’，‘selectedPerson’)
- 优于(4.)：通过查询参数进行过滤。这样的话，你可以非常灵活，甚至可以轻松地构建强大的文本搜索.
希望能帮助和高兴看到不同的方法..。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25315864
复制相关文章
![在Windows 10上安装TensorFlow及PyCharm开发环境[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/ea580e0335f4df160d3ae6085373aca7.jpg)
腾讯云开发者
