как представить отношение многие ко многим записям с помощью пользовательского интерфейса на основе HTML

Я использую Django, но это может относиться к любой веб-технологии на основе HTML.

Я хочу позволить пользователю связать много записей с записью записи.

С помощью нескольких записей это можно сделать так:

введите описание изображения здесь

Проблема в том, что организации исчисляются тысячами, а вы не можете прокрутить их.

Существуют ли передовые практики или оптимальные способы сделать этот тип много-много ассоциаций в пользовательских интерфейсах на основе HTML?

2

Решение

Существует несколько пользовательских интерфейсов, которые можно использовать для повышения удобства использования вашего приложения.

1. Typeahead

Это широко используется Twitter, Facebook и Instagram, чтобы позволить пользователю осуществлять поиск по данным. Также может быть использован для множественного выбора.

https://twitter.github.io/typeahead.js/

2. Поиск в выпадающем меню

Это позволяет пользователю щелкнуть раскрывающийся список, затем отфильтровать и выбрать несколько элементов по своему усмотрению.

http://silviomoreto.github.io/bootstrap-select/

3. Ввод тегов

Много использовал с тегами выбора, которые всегда многократные и широкие.

http://timschlechter.github.io/bootstrap-tagsinput/examples/

Для меня я предпочитаю typeahead, который добавит выбранный элемент в заполнитель и покажет его пользователю со значком раз для удаления. Вы можете использовать AJAX чтобы получить данные typeahead вместо передачи 1000 записей на страницу за один раз.

Надеюсь это поможет.

1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]