Длинный список проверок ui для веб-сайтов

Ответов: 4


1 принят

Двойной список, НО, для большого количества элементов, не являющихся групповыми:

  • ДОЛЖНА иметь возможность выбирать несколько элементов (Duh!)
  • СЛЕДУЕТ иметь возможность выбирать ВСЕ элементы с щелчком
  • СЛЕДУЕТ иметь возможность поиска (в любом списке) и выбирать все соответствующие элементы

Кроме того, если списки ДЕЙСТВИТЕЛЬНО большие (1k +), вы можете столкнуться с проблемами при медленном рендеринге. Если это так, вы можете также «разбивать страницы» на список - например, отображать только первые N элементов, разрешать выбор из них, а затем возможность сдвигать «кадр» на следующие N элементов.

(все вышеперечисленное, BTW, являются реальными атрибутами решения, которое мы реализовали в корпоративном веб-приложении, которому нужен список выбора с 30 тыс. возможных значений, которые нельзя было сгруппировать).


0

Сгруппированы ли элементы? Если это так, может быть полезно сбрасывание навигации по дереву.


0

Это действительно зависит от ситуации и того, сколько места у вас есть, но в большинстве случаев я предпочитаю двойное управление списком, ака-строитель, вы, о чем думаете.

Вот хорошая ссылка для вдохновения (требуется Silverlight): http://good.ly/qh7aeg8


0

Вот доступный способ использования только HTML и Javascript:

  1. Используйте titleтег HTML, чтобы разбить их на логические группы;
  2. использовать (скажем) JQuery, чтобы показать / скрыть каждую группу;
  3. добавьте навигацию вверху, чтобы перейти к каждой группе.

Если вы сначала спрячете все группы, пользователи могут щелкнуть ссылку для групп, которые они хотят заполнить. Кроме того, если вы добавите опрокидывание (может быть просто titleатрибутом всплывающей подсказки для ссылок для доступности) с описанием каждой группы, пользователи будут иметь «предварительный просмотр» перед его посещением.

Наконец, если метки достаточно короткие, укажите fieldsetsширину и сделайте их столбцами с помощью CSS floatили absoluteпозиционирования.

Попытайтесь придерживаться допустимых (X) HTML, CSS и Javascript - для этого существует множество прецедентов.

список, пользовательский интерфейс,
Похожие вопросы