如何管理Ember.js應用程序的UI佈局？

Question

我在尋找選項來管理我目前正在使用的一個應用程序應用程序的UI佈局。

當涉及到UI佈局時，應用程序必須非常靈活（可配置） - 因此具有「頂部」，「左」，「中心」，「右」和「底部」等區域的佈局容器，它可以嵌套，很適合（這是大多數佈局管理器管理佈局的方式）。

我找到了幾個解決方案，但我不知何故未定：

1. yui2-layout-manager（Demo） 似乎有點老/笨重，繼任者，YUI3，佈局管理器，在「規劃」階段，因爲幾個月（年？）

2. jquery-ui-layout（Demo） 看起來有點臃腫。 Codebase不是公開的：因爲看起來項目所有者不希望它太公開（？）（從我在google-group中讀到的內容中，有人問爲什麼它不在github上...）

3. dojotoolkit（Demo） 好像退出有點「突兀」

總而言之無解的感覺「好」對我來說，我不知道我是否應該寫的更好的佈局管理邏輯自己。你怎麼看？

Answer 1

我終於找到了：http://www.bramstein.com/projects/jlayout

「[..]的jLayout JavaScript庫提供佈局算法用於佈局組件的組件是一種抽象，它可以以許多方式來實現，例如如項。 HTML5 Canvas繪圖或HTML元素。jLayout庫允許您專注於繪製各個組件，而不是如何將它們排列在屏幕上。[..]「

Answer 2

檢查這兩個插件：

https://github.com/ghempton/ember-layout

https://github.com/ghempton/ember-routemanager

同時檢查演示http://ghempton.github.com/ember-layout-example/

編輯：我認爲這個項目：https://github.com/flamejs/flame.js非常接近你想要什麼。

Answer 3

你可以看看Twitter的Bootstrap。它有一個佈局類集。

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

Answer 4

jQuery UI的佈局是與Ember一個問題，因爲用戶界面佈局要求在佈局時的UI佈局中心元素，但灰燼{{出口}}的通常推遲這些存在。