2013-12-11 27 views
6

Przeglądałem struktury javascript reprezentujące pulpit nawigacyjny. Próbuję naśladować zachowanie produktu JIRA Atlassian za pomocą ich pulpitu nawigacyjnego. Jako takie, oto wymagania:Układ ramek pulpitu JavaScript

  1. Kolumny układy na desce rozdzielczej są wstępnie zdefiniowane przez użytkownika (1col, 2col, 1col @ 30% -2ndCol @ 70% itp)
  2. Użytkownik może dodawać widgety do pulpit nawigacyjny z przyciskiem dodawania
  3. Użytkownik może przeciągać widżety do nowej lokalizacji
  4. Podczas przeciągania widżet przyjmuje szerokość kolumny, do której jest przeciągany.
  5. Podczas przeciągania przesunięte widżety są przenoszone tylko w górę i dół w obrębie odpowiednich kolumn.

Do tej pory przyjrzałem się freewall i gridster. Problemy z tych ram to:

  1. okienkami (aka komórek) zawsze zachowują swój kształt - Chcę widget wziąć od szerokości kolumny to spad (a przy okazji, chciałbym zmienić jego wysokość podczas zdarzenia upuszczania, aby była proporcjonalna)
  2. Ramka przenosi widżety po kolumnach, aby wypełnić całą przestrzeń.

Czy ktoś wie o strukturze javascript, która jest nieco bliżej tych wymagań?

thx

Odpowiedz