Làm thế nào để bạn quản lý bố cục ui của ứng dụng Ember.js?

Question

Tôi đang tìm các tùy chọn để quản lý bố cục ui của ứng dụng ember hiện tôi đang làm việc.

Ứng dụng phải rất linh hoạt (có thể định cấu hình) khi nói đến bố cục ui - do đó có bố cục chứa các vùng như "trên cùng", "trái", "giữa", "phải" và "dưới cùng" có thể lồng nhau không được phù hợp (đó là cách bố cục quản lý bố cục nhất).

Tôi tìm thấy một số giải pháp, nhưng tôi bằng cách nào đó chưa quyết định:

1. yui2-layout-manager (Demo) Có vẻ một chút cũ/phiền phức, người kế nhiệm, yui3-LayoutManager, là trong "kế hoạch hóa" giai đoạn từ tháng (năm ?)

2. jquery-ui-layout (Demo) Có vẻ hơi cồng kềnh. Codebase không được công khai: Vì có vẻ như chủ dự án không muốn nó quá công khai (?) (Từ những gì tôi đọc trong nhóm google, ai đó hỏi tại sao nó không có trên github ...)

3. dojotoolkit (Demo) Dường bỏ một chút "gây khó chịu"

Tất cả trong tất cả không có giải pháp cảm thấy "tốt" với tôi và tôi tự hỏi, nếu tôi nên viết rõ hơn về bố cục quản lý logic bản thân mình. Bạn nghĩ sao?

Answer 1

cuối cùng tôi đã tìm thấy nó: http://www.bramstein.com/projects/jlayout

"[..] Các thư viện JavaScript jLayout cung cấp thuật toán bố trí cho đẻ ra các thành phần Một thành phần là một sự trừu tượng, nó có thể được thực hiện bằng nhiều cách, ví dụ như các mục trong. một bản vẽ Canvas HTML5 hoặc các phần tử HTML Thư viện jLayout cho phép bạn tập trung vào việc vẽ các thành phần riêng lẻ thay vì cách sắp xếp chúng trên màn hình của bạn. [..] "

Answer 2

Kiểm tra hai addons:

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

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

Ngoài ra kiểm tra các bản demo http://ghempton.github.com/ember-layout-example/

Chỉnh sửa: Tôi nghĩ rằng dự án này: https://github.com/flamejs/flame.js rất gần với những gì bạn muốn.

Answer 3

Bạn có thể xem qua Bootstrap của Twitter. Nó có một lớp bố cục được thiết lập.

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

Answer 4

JQuery ui-bố trí là một vấn đề với Ember, vì ui-bố trí đòi hỏi một yếu tố ui-bố trí trung tâm vào thời điểm bố trí, nhưng Ember {{ổ cắm}} 's thường trì hoãn sự hiện diện của những .