Оптимизировать радио кнопку, когда огромная коллекция

Question

У меня есть огромная коллекция переключателей (+400 ...), и проблема в том, что в Microsoft EDGE при выборе переключателя требуется много времени (+ 15 секунд) для его выбора.

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

Можно ли было бы его оптимизировать?Или можно что-то изменить?

Спасибо за помощь.

Answer 1

Я предложил использовать virtual-scrolling .Это означает, что ваш браузер всегда показывает (например) 20 радио-кнопок и другие (более 380 элементов) будут в памяти.После прокрутки будут отображаться другие элементы, а другие будут скрыты.

Have a look here --> https://jsfiddle.net/eu81273/WKJ5z/

Answer 2

Что за "огромная коллекция радио кнопок"?В другой ситуации вы можете использовать разные элементы управления.

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

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

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

Вы также можете проверить эту ветку и эту статью .