Suy nghĩ cách giải MULTI-SELECT
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Trong thử thách GUI hôm nay, tôi chia sẻ suy nghĩ của mình về cách cho phép người dùng chọn nhiều mục. Để minh hoạ thao tác chọn nhiều đối tượng, tôi đã chuẩn bị một lưới có thể lọc chấp nhận dữ liệu đầu vào từ cả phần tử -select nhiều- lẫn một tập hợp các phần tử -fieldset-. Có hai phương pháp chọn nhiều phương pháp, mỗi phương pháp được điều chỉnh cho phù hợp với trường hợp sử dụng.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:45 – Tổng quan
- 1:55 – Giao diện
- 2:05 – Gợi ý về giao diện người dùng
- 2:47 – Trạng thái
- 4:44 - Bàn phím
- 6:18 – Chuyển động chậm
- 7:06 – Trình đọc màn hình
- 8:39 – RTL
- 9:46 - Bố cục
- 13:19 – JavaScript
- 16:33 – Phần kết thúc
Tài nguyên:
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi chương trình Nhà phát triển Google Chrome → http://goo.gl/LLLNvf
arrow_back Quay lại trang tất cả các tập
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2021-10-12 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2021-10-12 UTC."],[],[]]