Многоуровневый выпадающий список

Я пишу приложение Angular 2, и мне нужен «странный» элемент раскрывающегося списка, который при заданной опции должен отображать календарь, что-то вроде того, что я прикрепляю ниже:

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

Также может быть важно упомянуть, что я использую PrimeNG (от Primefaces) в своем приложении. У них есть раскрывающиеся списки и календари, доступные как компоненты, но смогу ли я когда-нибудь сказать, что данная опция раскрывающегося списка должна расширяться в календарь?

Спасибо за любую помощь или вклад, который вы можете дать по этому поводу.


angular primeng
person Zed_Blade    schedule 16.08.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я мало что знаю о PrimeNG, но да, это определенно можно сделать тем или иным способом.

В раскрывающемся компоненте PrimeNG есть события onChange. В обработчиках событий для них вы можете проверить «настраиваемое» значение и вызвать отображение компонента календаря (уже есть в шаблоне, но условно прикрепите его к DOM с помощью *ngIf). В компоненте календаря PrimeNG есть события onSelect, которые вы можете прослушивать.

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

person ABabin    schedule 16.08.2016