如何防止剑道抽屉在点击时折叠？（角度 - 剑道用户界面）答案

【问题标题】：How can I prevent Kendo Drawer from collapsing on click? (Angular - Kendo UI)如何防止剑道抽屉在点击时折叠？（角度 - 剑道用户界面）
【发布时间】：2021-05-06 15:54:39
【问题描述】：

我试图在桌面大小的屏幕上保持抽屉打开而不是“迷你”。

我目前正在使用@HostListener 来调整窗口大小，并在大小更改时更新值。

问题是每当我点击任何抽屉项目时，菜单都会崩溃。我试图让它仅在屏幕尺寸超过 1200 时折叠，但它总是这样。

一个可行的解决方案是在激活点击事件时使用 ev.preventDefault，但是我必须重写其他所有内容来管理活动项目的样式。

还有其他更简单的方法吗？

【问题讨论】：

标签： angular kendo-ui frontend drawer

【解决方案1】：

我不知道这个问题是否仍然有效，但如果它有帮助，在 kendo ui angular 中有一个属性 autoCollapse 用于抽屉。它默认为 true，每当您单击某些内容时，它就会折叠抽屉。

https://www.telerik.com/kendo-angular-ui/components/layout/api/DrawerComponent/#toc-autocollapse

我认为你可以绑定函数的值，然后手动处理。

【讨论】：

一些代码作为示例会有所帮助。
虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。