У меня есть приложение в Angular 9, использующее элементы управления Kendo. Я пытаюсь получить кнопку, при нажатии на которую отображается раскрывающийся список элементов, однако ни один из них не должен быть доступен для выбора, он должен просто отображать список. Прямо сейчас я использую элемент управления «Кнопка раскрывающегося списка», и он делает в основном то, что я хочу, за исключением того, что он выделяется как меню, предлагающее выбрать элементы и что-то произойдет. Очевидно, я просто не могу справиться с щелчком, но из-за этого кажется, что он не работает. Вот мой текущий код:
<kendo-dropdownbutton class="actionButton" [data]="task.Models" buttonClass="actionButton">
<div class="ellipses"></div>
<ng-template kendoDropDownButtonItemTemplate let-model>
{{model.Name}}
</ng-template>
</kendo-dropdownbutton>
Я также подумал о том, чтобы попробовать всплывающий элемент управления, так как это немного больше похоже на то, что это такое, чем на кнопку выбора. Однако есть еще один поворот, который, насколько я могу судить, делает всплывающее окно невозможным (но я определенно мог что-то упустить). Он находится внутри элемента управления сеткой Kendo в одном из шаблонов столбцов, поэтому некоторые из них могут быть сгенерированы макетом сетки, поэтому это не элемент stati c, который будет привязать всплывающее окно (а их может быть много). Во всех примерах, которые я вижу для элемента управления Popup, требуется определенный элемент управления привязкой (#anchor в элементе html) для установки привязки всплывающего окна. Кроме того, примерный метод, который закрывает всплывающее окно при щелчке по документу за пределами всплывающего окна, использует дочерний элемент представления, чтобы определить, находится ли щелчок внутри или снаружи, что опять же потребует привязки, поэтому я не уверен, как я могу его закрыть, когда кто-то щелкает где-нибудь в документе.
Мне кажется, будто я хожу по кругу ... какие-нибудь советы, как лучше с этим справиться?