ComboBox AutoComplete của jQuery UI không có thanh cuộn ở bên phải và rất, không may, miễn là được hiển thị bên dưới. Tôi muốn hạn chế danh sách này với độ dài hợp lý - bất kỳ suy nghĩ nào về việc làm thế nào để đạt được điều đó? Cảm ơn!ComboBox Tự động hoàn thành jQueryUI Quá dài
30
A
Trả lời
65
Bạn có thể thiết lập chiều cao thông qua CSS:
.ui-autocomplete {
max-height: 600px;
overflow-y: auto; /* prevent horizontal scrollbar */
overflow-x: hidden; /* add padding to account for vertical scrollbar */
z-index:1000 !important;
}
1
Bắt đầu tìm kiếm CSS. Nhiều khả năng danh sách thả xuống là một lựa chọn hoặc ul. Nếu thả xuống được đính kèm trong một DIV, thêm "overflow: auto", điều đó sẽ cho nó một thanh cuộn. Hoặc đặt chiều cao tối đa cho div. Một giải pháp khác sẽ đặt giới hạn cho kết quả. Chỉ cần không điền vào hộp với nhiều mục.
3
Đây là một câu hỏi cũ, vì vậy trong khi các giải pháp bởi j08691 làm việc tốt với Primefaces cũ, nay là tên lớp đã được đổi thành "ui-autocomplete-list ":
.ui-autocomplete-list {
max-height: 400px;
overflow-y: auto; /* prevent horizontal scrollbar */
overflow-x: hidden; /* add padding to account for vertical scrollbar */
z-index:1000 !important;
}
1
Tại một số thời điểm này đã thay đổi một lần nữa, như jQuery-UI 1.12.1 lớp là 'ui-autocomplete.ui-front' để câu trả lời được chấp nhận trở thành:
.ui-autocomplete.ui-front {
max-height: 600px;
overflow-y: auto; /* prevent horizontal scrollbar */
overflow-x: hidden; /* add padding to account for vertical scrollbar */
z-index:1000 !important;
}
Các vấn đề liên quan
- 1. Thêm liên kết vào mục tự động hoàn thành JQueryUI
- 2. jQuery Combobox/chọn tự động hoàn tất?
- 3. JComboBox tự động hoàn thành
- 4. cách kiểm tra xem hộp thả xuống tự động hoàn thành jqueryUI đã mở chưa
- 5. hộp tổ hợp tự động hoàn thành
- 6. Tự động hoàn thành Postgresql?
- 7. Tự động hoàn thành Xcode?
- 8. NSTextField tự động hoàn thành
- 9. Tự động hoàn thành Parsekit
- 10. WPF có thể chỉnh sửa trong ComboBox - cách xóa tự động hoàn thành
- 11. làm cách nào để tạo combobox hoàn thành tự động chọn nhiều?
- 12. Sự cố với jQuery tự động hoàn thành + AngularJS
- 13. Tkinter - Cách tạo hộp kết hợp tự động hoàn thành
- 14. Cách hiển thị văn bản quá dài trong WPF ComboBox
- 15. Vim E854: con đường quá dài cho hoàn
- 16. Tự động hoàn thành trong Qt Creator không hoạt động
- 17. Tự động hoàn thành jQuery với JSON
- 18. Geocoder tự động hoàn thành trong android
- 19. Knockout và jQuery tự động hoàn thành
- 20. Xác nhận UITextview tự động hoàn thành
- 21. Hoàn thành mã tự động trên Eclipse
- 22. Lỗi tự động hoàn thành của ReSharper?
- 23. Tự động hoàn thành Emacs X11 (intellisense)
- 24. Vim tự động hoàn thành cho Python
- 25. Tính năng tự động hoàn thành iOS
- 26. Tự động hoàn thành trong CEDET?
- 27. Tự động hoàn thành Vim + Đề xuất?
- 28. Tùy chỉnh UITextField Tự động hoàn thành
- 29. Back-end để tự động hoàn thành
- 30. Tự động hoàn thành IDE cho PhalconPHP
có thể trùng lặp của [Giới hạn kết quả trong Tự động điền jQuery] (http://stackoverflow.com/questions/4071887/limit-the-result-in-jquery-autocomplete) –