Extjs Tự động gói các vật phẩm trong một thùng chứa

Question

Tại sao điều này lại khó khăn như vậy? Tôi có một thùng chứa, bố trí: 'hbox' và một bộ sưu tập các nút trong đó. Vấn đề là các nút tiếp tục vượt quá giới hạn bên phải của vùng chứa. Phương pháp thực hành tốt nhất để gói nội dung bên trong một vùng chứa là gì? Tôi có nên nổi: "còn lại" các mặt hàng con của tôi? Tôi có thể sử dụng độ rộng cố định ở mọi nơi, trang web của tôi không thay đổi kích thước theo chiều ngang.

Answer 1

Cách thích hợp để thực hiện những gì tôi đang tìm kiếm ở đây là sử dụng layout:'column' để xử lý các con của nó như các div động.

Answer 2

Bố cục hbox không phải là bố cục thích hợp nếu bạn muốn nội dung tràn vào 'hàng' tiếp theo. Hbox căn chỉnh và phân phối các thành phần trên một chiều rộng cố định trong một hàng duy nhất. Tốt hơn với bố cục 'tự động' (mặc định) và cho phép trình duyệt kiểm soát tràn qua phao CSS (giống như bạn đã đề cập).

Ngoài ra, bạn có thể sử dụng Ext.toolbar.Toolbar#enableOverflow - xem docs

Cấu hình đúng để làm cho thanh công cụ cung cấp một nút đó kích hoạt một Menu thả xuống để hiển thị các mục mà tràn rộng của Thanh công cụ.