你如何管理Ember.js应用程序的ui布局?

时间:2012-03-15 10:00:03

标签: ember.js

我正在寻找管理我目前正在处理的ember应用程序的ui布局的选项。

当涉及到ui-layout时,应用程序必须非常灵活(可配置) - 因此布局容器具有“顶部”,“左侧”,“中心”,“右侧”和“底部”等区域可以嵌套适合(这就是大多数布局管理器管理布局的方式)。

我找到了一些解决方案,但我还是犹豫不决:

  1. yui2-layout-managerDemo) 看起来有点老/笨重,继任者,yui3-layoutmanager,自几个月(几年?)以来一直处于“规划”阶段。

  2. jquery-ui-layoutDemo) 看起来有点臃肿。代码库不公开:因为看起来项目所有者不希望它过于公开(?)(从我在google-group中读到的内容,有人问为什么它不在github上......)

    < / LI>
  3. dojotoolkitDemo) 似乎退出了一点“突兀”

  4. 总而言之,没有任何解决方案对我来说感觉“好”,我想知道自己是否应该更好地编写布局管理逻辑。你怎么看?

4 个答案:

答案 0 :(得分:5)

答案 1 :(得分:4)

JQuery ui-layout是Ember的一个问题,因为ui-layout在布局时需要一个ui-layout-center元素,但Ember {{outlet}}通常会推迟存在这些元素。

答案 2 :(得分:0)

你可以看一下Twitter的Bootstrap。它有一个布局类。

http://twitter.github.com/bootstrap/scaffolding.html

答案 3 :(得分:0)

我终于找到了它:http://www.bramstein.com/projects/jlayout

&#34; [..] jLayout JavaScript库提供了布局组件的布局算法。组件是抽象的;它可以通过多种方式实现,例如作为HTML5 Canvas绘图中的项目或HTML元素。 jLayout库允许您专注于绘制单个组件,而不是如何在屏幕上排列它们。 [..]&#34;