2012-08-31 17 views
5

Dlaczego jest to takie trudne? Mam pojemnik, układ: "hbox" i zbiór przycisków w nim. Problem polega na tym, że przyciski przekraczają prawe granice kontenera. Jakie są najlepsze praktyki metody zawijania zawartości wewnątrz kontenera? Czy powinienem po prostu unieść się: "zostawiłem" moje przedmioty dla dzieci? Mogę używać stałych szerokości wszędzie, moja strona nie zmienia rozmiaru w poziomie.Extjs Dynamiczne zawijanie elementów w pojemniku

Odpowiedz

14

Właściwym sposobem zrobić to, co szukałem tutaj było używać layout:'column' które traktują swoje dzieci jak pływające div.

+0

To było bardzo pomocne w mojej konfiguracji, a także przy korzystaniu z układu vbox z elementami w kontenerze. Ustawienie kontenera na układ kolumn dozwolony dla potrzebnego owijania. – ewilan

+1

Spędziłem wiele godzin szukając tego rozwiązania. Dziękuję Ci! –

4

Układ hbox nie jest właściwym układem, jeśli zawartość ma zostać przepełniona do następnego "wiersza". Hbox wyrównuje i dystrybuuje komponenty na ustalonej szerokości w jednym wierszu. Lepiej trzymaj się układu "auto" (co jest domyślne) i pozwól przeglądarce kontrolować przepełnienie za pomocą CSS float (tak jak wspomniałeś).

Alternatywnie, można użyć Ext.toolbar.Toolbar#enableOverflow - patrz docs

Konfiguruj prawdziwego aby zapewnić Pasek przycisk, który uruchamia się rozwijane menu, aby pokazać elementy, które przelewowy szerokość paska narzędzi Toolbar.

Powiązane problemy