可重复使用的主/详细视图最佳实践余烬

时间:2015-01-31 16:35:49

标签: ember.js

我在各种应用程序中一直在努力解决Ember JS中这个相对简单的问题。我知道这看起来似乎已经通过七种方式回答了周日,但我找不到一个解决方案,我可以实际映射到我的问题。

好的,所以我需要一个类主/详细视图,其路由结构如下:

  • 管理员信息中心
    • 控制台
    • 学生页面(在侧栏中显示学生的主列表)
    • 学生页面(选择侧栏项目后,选中它并显示“详细信息”

此模式在我的网站中的三个不同仪表板上完全重复使用。唯一的区别是每个学生的记录数组都不同。我问的是什么是Ember特有的方式来实现这个目标?

我尝试了多种解决方案,但每种解决方案都有自己的问题。使用{render}帮助器渲染一些通用的“学生”模板,因为我正在利用路由器和里面的<li>标签自动将活动类应用于所选学生,students.student isn'我的路由器中的路由。如果我添加该路线,那么它将远离仪表板父路线(使用导航栏等)。

我基本上想要将这个视图打包成一个组件并将其传递给数组进行显示,但是如何添加“active”类呢?当然,有一种更简单的方法,然后手动添加和删除类。

思想?

如果我的问题不是很明确,我道歉!这是一个微妙的区别。

0 个答案:

没有答案