2010-06-30 34 views
5

Đối với hầu hết các phần, jqGrid hoạt động tốt trong "Safari Mobile" trên iPad và iPod Touch. Tuy nhiên, tôi nhận thấy rằng trên các thiết bị này, một jqGrid sẽ không hiển thị thanh cuộn nếu có nhiều mục trong lưới hơn có thể được hiển thị trên trang.jqGrid - Thanh cuộn bị thiếu trên Safari Mobile

Bạn có thể cuộn bằng hai ngón tay để lướt qua nội dung, tuy nhiên vì thanh cuộn không được hiển thị nên không có dấu hiệu nào cho người dùng biết rằng có nhiều nội dung hơn. Vì vậy, họ có thể thậm chí không biết rằng họ cần phải di chuyển. Không bao giờ thực tế là nhiều người dùng di động sẽ không biết bạn có thể thực hiện "cuộn hai ngón tay".

Tôi cho rằng có hai phần câu hỏi của tôi -

  • Thứ nhất, không ai có một công việc xung quanh để hiển thị thanh scrolll?
  • Nếu không, bất kỳ ai có thể nghĩ ra một giao diện người dùng tốt để cảnh báo người dùng về thực tế rằng có nhiều dữ liệu hơn mà họ cần phải "cuộn" đến?

Có một cuộc thảo luận về vấn đề này trên diễn đàn jqGrid dưới Scrollbar missing on Safari Mobile, nhưng không có độ phân giải.

Trả lời

2

Tôi đã gặp sự cố này với iPad trước đây, và tôi đặt cược đó là trường hợp tương tự với iPod Touch. Mobile Safari không cho phép các div bên trong có thanh cuộn của riêng chúng, ngay cả khi có tràn. Điều tồi tệ nhất là mặc dù CSS trên trang của bạn có thể yêu cầu cụ thể rằng div hiển thị thanh cuộn, Safari trên thiết bị di động sẽ xóa nó.

Vấn đề lớn hơn là tìm ra một mẫu giao diện người dùng tốt để chứng minh rằng div của bạn có thể được cuộn. Có lẽ nó đủ để cho thấy rằng một số dữ liệu bị cắt bỏ? Bạn cũng có thể thử xem xét một số giải pháp để tạo thanh cuộn có hỗ trợ javascript trên trang.

0

Là đầu mối giao diện người dùng, Bạn cũng có thể đặt jqgrid để tự động điều chỉnh độ cao dựa trên các hàng. Thử chiều cao: 'tự động'. Tham khảo jqgrid docs để biết thêm.

Các vấn đề liên quan