Альтернативы синглу <выбирают несколько = “несколько”> элемент для больших наборов данных
Может быть, интересно проверить Google Collections , например, видео, которые они имеют на своей странице. Они предоставляют различные способы инициализации карт и наборов, а также предоставляют неизменные коллекции.
Обновление: теперь эта библиотека называется Гуава .
4 ответа
Мой совет - не используйте общие элементы управления множественным выбором. Я проводил исследования пользовательского опыта на протяжении всей своей карьеры, и каждый раз, когда я тестирую сайт с несколькими элементами управления, всегда оказывается, что это вызывает проблемы у конечных пользователей.
Некоторое время назад я написал об этом сообщение: Несколько элементов управления выбором должны развиться или умереть
Похоже, вы все равно это знали. Ваш настоящий вопрос: "Что мне использовать вместо этого?" Что ж, чтобы ответить на этот вопрос, вы должны решить, будет ли задача пользователя ориентирована на отзыв или распознавание .
(i) Под напоминанием я имею в виду, что пользователь знает, что он хочет выбрать, еще до того, как он увидит список. В этом случае для них, вероятно, будет проще всего, если вы предложите инструмент автозаполнения (который очень эффективно используется на facebook, например). Это решение даже лучше, когда список опций также невозможно представить на странице (например, названия местоположений и т. Д.).
(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
Это решение даже лучше, когда список опций также невозможно представить на странице (например, названия местоположений и т. Д.).(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока он не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
Это решение даже лучше, когда список опций также невозможно представить на странице (например, названия местоположений и т. Д.).(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока он не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
вам нужно решение для отзыва или признания? вам нужно решение для отзыва или признания? г. названия мест и т. д.).(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока он не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
г. названия мест и т. д.).(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока он не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока он не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
(ii) Переходя к распознаванию - под этим я подразумеваю задачу, в которой пользователь не знает, что он хочет выбрать, пока он не увидит список вариантов. В этом случае автозаполнение не дает им никаких подсказок. Намного более полезен набор флажков. Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.
Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
Если вы можете показать их все сразу, это будет полезно для пользователя. Прокручиваемые DIV более компактны, но они создают нагрузку на память для пользователя - то есть после прокрутки вниз они должны помнить, какие элементы они выбрали. Это особенно заметно, когда пользователи сохраняют форму и возвращаются к ней позже.Итак, думая о своей проблеме, нужно ли вам решение, чтобы вспомнить или узнать?
Взгляните на элемент управления DataGrid Dojo Toolkit. Это, безусловно, самый гибкий и мощный инструмент, поддерживающий выбор нескольких строк. В него также встроены специальные возможности.
The ExtJS library has some really good solutions for your issue. There a bunch of user extensions for neat-o combos and multi select boxes.
If you want a combo select list, you can add query searching and pagination, plus design the resulting drop-down using easy templating, like in this example:
http://extjs.com/deploy/dev/examples/form/forum-search.html
Here is a nice multiselect, in the style you seemed to describe:
*(main_site)/learn/Extension:Multiselect2
You can find all user extensions here:
*(main_site)/learn/Ext_Extensions
Plus, you can easily include it into an existing web page without alot of extra overhead. ExtJS's full stack is quite large, but to get only the JS files you need, they provide a nice builder tool to grab just those parts you need:
*(main_site)/products/extjs/build/
Just a warning: ExtJS has just released 3.0, but I'm not sure the user extensions have been upgraded. The "forum-search" was taken from a 3.0 example though, so it will work just fine with the latest and greatest.
(*) Apparently new users can only post one link...
К сожалению, я не могу указать вам на какие-либо тематические исследования, но могу сказать, что я лично предпочитаю большие массивы флажков в макете от двух до пяти столбцов. Конечно, они занимают много места, но они чрезвычайно точны и несложны.
Я думаю, что для любой элемент управления - будь то базовый множественный выбор, двойной список, массив флажков или любое другое решение - один раз вы превышаете определенный порог количества элементов, это будет сложно для пользователя, несмотря ни на что.