Có ai biết cách:Thêm cuộn vào GWT SuggestBox
1) Thêm cuộn vào cửa sổ bật lên được tạo bởi SuggestBox?
2) Làm cách nào để tùy chỉnh giao diện (CSS) của SuggestBox một cách hiệu quả?
Tôi muốn thực hiện các thay đổi ở trên mà không cần chạm vào triển khai thực tế nhiều nhất có thể. Ngoài ra giải pháp này nên hỗ trợ (IE7-IE8, FF, Chrome).
Cảm ơn.
Sử dụng addon Firebug cho Firefox Ở đây trong trường hợp bạn gwt-SuggestBoxPopup của nó cho phần tử bên ngoài và rất nhiều tên lớp kiểu khác cho các phần tử bên trong như gợi ýPopupMiddle, gợi ýPopupMiddleCenterInner và đề xuấtPopupContent. Sử dụng tên lớp này để sửa đổi kiểu thành phần.
Để thêm cuộn dọc (ngang), bạn cần xác định chiều cao (chiều rộng) hoặc chiều cao tối đa và sử dụng tràn-y: cuộn; (tràn-x: cuộn;) hoặc tràn: cuộn; Sử dụng tự động thay vì cuộn để ẩn thanh scollbar khi không cần thiết.
Vì vậy, trả lời ngắn gọn của bạn là:
.suggestPopupContent{
height: 100px;
overflow-y: scroll;
}
2)
mới SuggestBox() setStyleName (/ * phong cách của bạn ở đây * /);.
Điều này không ảnh hưởng đến bảng gợi ý (cửa sổ bật lên thực tế) – l3dx
Xem Câu hỏi/trả lời khác (https://stackoverflow.com/a/24235088/1357094) để biết giải pháp không có lỗi thanh cuộn từ câu trả lời được chấp nhận tại đây.
Tôi đã sử dụng mẹo css để thêm thanh cuộn trên cửa sổ bật lên đề xuất của mình, nó hoạt động nhưng có lỗi: nếu bạn sử dụng các phím mũi tên để điều hướng qua các lựa chọn thì cuộn không theo! Tôi không biết cách thay đổi điều đó. –
@MaximeARNSTAMM Không chắc chắn nhưng bạn có thể sử dụng onfocus và một vài dòng mã để cuộn trong tùy chọn lấy nét. –
@MaximeARNSTAMM xem câu trả lời http://stackoverflow.com/a/24235088/1357094: Bạn sẽ sử dụng cùng một CSS như câu trả lời này, cùng với phần mở rộng SuggestBox tương đối đơn giản (trái ngược với việc xâm nhập vào SuggestBox giống như nhiều câu trả lời khác làm). – cellepo