2016-04-11 3 views
-3

Как добиться того, чтобы мультиселекция выпадала в openui5 с optgroup. Что-то вроде этого, где я могу выбирать элементы как на дочернем, так и на родительском уровне. Мои данные JSON-то вроде этого:Multiselect Drop down with optgroup

{ 
Group1: { 
OptionValue : "Option1", 
OptionValue : "Option2", 
OptionValue : "Option3" 
}, 
Group2:{ 
OptionValue : "Option3", 
OptionValue : "Option4", 
} 
} 

Скриншот желаемого выхода:

enter image description here

Как достичь нескольких выберите выпадающий список с optgroups в openui5. Реферат от this example.

Добавлено sample раскрывающегося списка, которое я пытаюсь связать. Я попробовал несколько комбинаций, но не смог его правильно исправить.

+0

Что у вас есть? – matbtt

+0

Добавлена ​​ссылка на то, как я пытаюсь найти подходящий способ привязки, чтобы получить желаемый результат. – SiddP

+0

Brrrr, какой ужасный UX ... – Qualiture

ответ

0

Я не знаю ни одного управления, который имеет точное поведение вы описываете, но есть некоторые, которые вы могли бы иметь более близкий взгляд на:

MultiComboBox является раскрывающимся с несколько выбором, но не кажется иметь группировку.

Чтобы иметь возможность выбора и группировки, вы можете рассмотреть Dialog с grouped List, который позволяет multiple selections.
Существует элемент управления SelectDialog, который можно настроить для включения всех этих функций.
После выбора вы можете использовать MultiInput, чтобы отобразить выбранные значения в тег-подобном дизайне.

+0

Все ссылки, упомянутые в ответе, опущены. – SiddP

+0

Извините, я использовал внутренние ссылки SAP по ошибке. Должно быть исправлено сейчас. – hirse

0

Найдено this. Хотя Accordion не является точно мультиселективным, но с небольшим количеством css и написанием пользовательских элементов управления на примере, упомянутом на сайте, он просто выполняет эту работу.