Пользовательский интерфейс:Каковы различные способы отображения отношений "Имеет" и "Принадлежит многим"?

Question

Это не вопрос о какой-то конкретной структуре.Я использую обычный php с jquery.Я пытаюсь связать несколько продуктов с несколькими наборами опций.То есть каждый продукт может иметь несколько связанных с ним неисключительных наборов опций.Каков был бы наилучший способ представить это на экране?Я полагаю, это могло бы быть поле с несколькими вариантами выбора.Это могло бы упростить задачу, но я хотел бы иметь другое значение с именем order для упорядочивания наборов опций на экране.

Любой ввод или веб-сайт с различными техниками пользовательского интерфейса были бы потрясающими!Спасибо!

Answer 1

1) Если есть небольшое количество опций, вы можете использовать сетку (продукт в первом столбце, опции в столбцах 2==>N) и установить флажок для выбора подходящих.

2) Если OTOH у вас есть больше опций (или grid не делает этого за вас по причинам упорядочения), вы также можете вместо списка с несколькими вариантами выбора по 1 опции в строке использовать список с одним выбором по набору опций в строке, причем наиболее распространенные наборы будут первыми в списке.Затем вы можете выбрать опцию "Другое" внизу, которая, если выбрана, выводит спрайт с несколькими вариантами выбора для выбора набора опций, которого нет в наиболее распространенном списке.

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