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

我正在寻找一些选项来管理我目前正在开发的ember应用程序的ui布局

当涉及到ui布局时，应用程序必须是非常灵活的（可配置的），因此具有布局容器，其中包含可以嵌套的区域，如“顶部”、“左侧”、“中心”、“右侧”和“底部”（这是大多数布局管理器管理布局的方式）

我找到了一些解决方案，但不知何故我还没有决定：

（） 看起来有点老/笨重，继任者yui3 layoutmanager几个月（几年？）以来一直处于“规划”阶段

（） 看起来有点臃肿。代码库不是公开的：因为项目所有者似乎不希望它太公开（？（从我在google小组中读到的内容来看，有人问为什么它不在github上…）

（） 看起来有点“突兀”

---

总之，没有一个解决方案对我来说是“好的”，我想知道我是否应该自己更好地编写布局管理逻辑。你觉得怎么样

检查这两个插件：

还可以查看演示

---

编辑：我认为这个项目非常接近你想要的。

你可以看看Twitter的引导程序。它有一个布局类集

---

JQuery ui布局是Ember的一个问题，因为ui布局在布局时需要ui布局中心元素，但Ember{{outlet}通常会延迟这些元素的出现。

我终于找到了它：

---

“[……]jLayout JavaScript库提供布局组件的布局算法。组件是一种抽象；它可以以多种方式实现，例如作为HTML5画布绘图中的项目或HTML元素。jLayout库允许您专注于绘制单个组件，而不是如何在屏幕上排列它们。[…]“

我知道余烬的布局，但这与屏幕空间的自动管理（屏幕区域的定位和大小调整）无关。开发一个以jQuery UI为主题的应用程序…因此引导不是一个选项。除此之外，我正在寻找一个功能齐全的布局管理器，它支持区域大小调整、显示/隐藏等。jQuery做了很多DOM操作，但这并不好。如果你想开发一个丰富的交互式应用程序，我更喜欢具有大部分所需功能的引导jQueryUI提供的UI小部件……最终它将满足您的需求