我正在寻找管理我目前正在处理的ember应用程序的ui布局的选项。
当涉及到ui-layout时,应用程序必须非常灵活(可配置) - 因此布局容器具有“顶部”,“左侧”,“中心”,“右侧”和“底部”等区域可以嵌套适合(这就是大多数布局管理器管理布局的方式)。
我找到了一些解决方案,但我还是犹豫不决:
yui2-layout-manager(Demo) 看起来有点老/笨重,继任者,yui3-layoutmanager,自几个月(几年?)以来一直处于“规划”阶段。
jquery-ui-layout(Demo) 看起来有点臃肿。代码库不公开:因为看起来项目所有者不希望它过于公开(?)(从我在google-group中读到的内容,有人问为什么它不在github上......)
< / LI>dojotoolkit(Demo) 似乎退出了一点“突兀”
总而言之,没有任何解决方案对我来说感觉“好”,我想知道自己是否应该更好地编写布局管理逻辑。你怎么看?
答案 0 :(得分:5)
检查这两个插件:
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非常接近你想要的。
答案 1 :(得分:4)
JQuery ui-layout是Ember的一个问题,因为ui-layout在布局时需要一个ui-layout-center元素,但Ember {{outlet}}通常会推迟存在这些元素。
答案 2 :(得分:0)
你可以看一下Twitter的Bootstrap。它有一个布局类。
答案 3 :(得分:0)
我终于找到了它:http://www.bramstein.com/projects/jlayout
&#34; [..] jLayout JavaScript库提供了布局组件的布局算法。组件是抽象的;它可以通过多种方式实现,例如作为HTML5 Canvas绘图中的项目或HTML元素。 jLayout库允许您专注于绘制单个组件,而不是如何在屏幕上排列它们。 [..]&#34;