it-swarm.asia

Alternatif untuk daftar ganda untuk memilih banyak item dari daftar panjang?

Apa alternatif dan contoh yang ada untuk memilih banyak item dari daftar panjang item, bukan daftar ganda?

Pertanyaan ini memiliki beberapa peningkatan yang bagus pada daftar ganda tradisional, tetapi saya sedang mencari hal-hal lain untuk dipertimbangkan.

Cara terbaik untuk memilih subset item dalam daftar panjang

16
Sam

Pertimbangkan untuk menggunakan multi-pilih dengan desain token . Fitur filter-as-you-type adalah basa-basi tetapi tidak penting. Ini bekerja dengan baik ketika kasus penggunaan umum memilih salah satu atau hanya beberapa, tetapi kegunaannya turun dengan cepat jika Anda perlu memilih banyak karena pengguna harus kembali memohon menu untuk setiap item.

Multi-select with tokens, via harvesthq.github.com/chosen

Anda sebelumnya telah melihat metode multi-input token di klien email Anda. multi-select-tokens in email

Jika kasus umum adalah memilih beberapa, Anda dapat mempertimbangkan menu kotak centang . Perbedaannya di sini adalah bahwa drop-down persisten di seluruh klik (ditambah secara visual mengkomunikasikan sifat multi-pilih), dan dengan demikian pengguna dapat mengklik-klik-klik untuk dengan cepat memilih beberapa item. Untuk aplikasi web kami, kami ingin meningkatkan desain ini dengan menambahkan fungsionalitas token.

checkbox menu, via realestate.com.au

11
Erics

Alternatif apa pun akan tergantung pada data, dan kasus penggunaan yang diharapkan. Representasi visual tidak sepenting membantu pengguna dalam menemukan nilai yang benar. Anda harus memanfaatkan peluang apa pun untuk mengurangi jumlah opsi dan membimbing pengguna ke nilai yang mereka sukai. Pertimbangkan untuk memfilter, mengelompokkan, dan mengingat pilihan sebelumnya.

3
Nescio

Saya perhatikan alternatif ini digunakan oleh Windows 7 untuk memilih kolom untuk Windows Explorer.

enter image description here

2
jpierson

Lihat juga contoh-contoh ini:

http://ivaynberg.github.com/select2/

... dari plugin jquery yang disebut "Select 2" yang akan memberi Anda akses terprogram, memberi tag dukungan dan tokenization untuk kotak pilih, bidang input, dropdown dan banyak lagi. Anda harus dapat membangun solusi yang baik untuk tantangan Anda dengan ini.

Plugin keren.

2
Rowe Morehouse

Anda dapat menggunakan daftar kotak centang dengan opsi kotak centang "Pilih semua" di bagian atas. Dengan kotak centang ini, Anda dapat memilih dan membatalkan pilihan semua dengan sangat cepat (kotak centang mencerminkan pada saat yang sama status pemilihan daftar ... semua, ada atau tidak ada). Jika jumlah item kotak centang sangat tinggi, Anda dapat menampilkan item yang dipilih (dalam daftar normal) di sisi kanan daftar kotak centang. Selain itu Anda harus menambahkan filter pada daftar kotak centang.

0
sysscore

Jika Anda kekurangan ruang dan kemungkinan item yang ditambahkan rendah (2-3), Anda bisa membuat tindakan penambahan berulang. Dengan taksonomi yang tepat, pengguna dapat melakukannya dengan sangat cepat.

0
Bobby Tables