我到处都找过这个，在这里得到正确的帮助并不容易。
对于大多数控件，我们都有一个演示/示例。但是没有合适的例子。
假设我正在开发一个web应用程序，我想要一个可以在所有页面上使用的布局页面。
我试着用这个。但我相信抽屉不是为这个目的设计的。
Telerik Menu =>没有合适的例子，它可以用作侧栏。我可以看到一个在kendo ui javascript菜单下，但不是一个与asp doe net核心。
一个包含项目列表的边菜单的工作示例将非常有用。
一个可以在所有页面中使用布局的侧菜单的合适示例- asp . net core
1回答
158的浏览量
1回答<跨度id＝"accpetedHeading">， 1被接受
亚历山大
Telerik团队
在回答<跨度类＝"local-datetime e2e-th-date" data-timestamp="1669625085263">2022年11月28日，<跨度类＝"u-dib">上午08:44|编辑<跨度类＝"local-datetime e2e-th-date" data-timestamp="1670401599277">2022年12月7日<跨度类＝"u-dib">上午08:26
你好Godie,
我们没有这样一个使用Menu组件的例子，但是有一个使用Drawer的例子。抽屉确实是我们拥有的一个组件，可以用于所需的功能，因为抽屉代表了一个可忽略的面板，用于在响应式web应用程序中导航或更改页面中某个部分的内容。的<一个href＝"https://demos.telerik.com/aspnet-core/admin-dashboard/Login" rel="ugc">管理仪表板示例应用程序我们使用了一个位于左侧的抽屉，用于在页面之间导航。应用程序使用RazorPages和TagHelpers来演示在该场景中使用Telerik UI组件，完整的源代码可在<一个href＝"https://github.com/telerik/admin-dashboard-sample-app-core" rel="ugc">这个存储库．
如果您正在使用Telerik Visual Studio扩展，您还可以基于Admin Dashboard示例应用程序创建一个模板项目，该应用程序将Drawer作为导航组件。
如果不是，我已经附上了一个示例生成的模板，你可以审查抽屉在_Layout上的实现。cshtml页面。
更新:
上面的例子演示了使用TagHelpers来使用Drawer。当需要使用Html helper时，你可以用以下方式将抽屉添加到_Layout页面:
<<跨度类＝"hljs-name" style="color: #0000ff">身体<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“含钾量”>@{Html.Kendo().Drawer().Name("drawer") .Mini(true) .Position("left") .SwipeToOpen(true) .Template(@"<跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">ul><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">一个<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“k-link”<跨度类＝"hljs-attr" style="color: #ff0000">href＝<跨度类＝"hljs-string" style="color: #a31515">' / '<跨度类＝"hljs-attr" style="color: #ff0000">data-role＝<跨度类＝"hljs-string" style="color: #a31515">“drawer-item”><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">跨度<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“k-icon k-i-grid”><跨度类＝"hljs-tag" style="color: #0000ff">跨度>指数<跨度类＝"hljs-tag" style="color: #0000ff">一个><跨度类＝"hljs-tag" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">一个<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“k-link”<跨度类＝"hljs-attr" style="color: #ff0000">href＝<跨度类＝"hljs-string" style="color: #a31515">“/ Home /接触”<跨度类＝"hljs-attr" style="color: #ff0000">data-role＝<跨度类＝"hljs-string" style="color: #a31515">“drawer-item”><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">跨度<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“k-icon k-i-globe”><跨度类＝"hljs-tag" style="color: #0000ff">跨度>联系<跨度类＝"hljs-tag" style="color: #0000ff">一个><跨度类＝"hljs-tag" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">李<跨度类＝"hljs-attr" style="color: #ff0000">data-role＝<跨度类＝"hljs-string" style="color: #a31515">“drawer-separator”><跨度类＝"hljs-tag" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">一个<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“k-link”<跨度类＝"hljs-attr" style="color: #ff0000">href＝<跨度类＝"hljs-string" style="color: #a31515">“/ Home /”<跨度类＝"hljs-attr" style="color: #ff0000">data-role＝<跨度类＝"hljs-string" style="color: #a31515">“drawer-item”><跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">跨度<跨度类＝"hljs-attr" style="color: #ff0000">类＝<跨度类＝"hljs-string" style="color: #a31515">“k-icon k-i-user”><跨度类＝"hljs-tag" style="color: #0000ff">跨度>关于<跨度类＝"hljs-tag" style="color: #0000ff">一个><跨度类＝"hljs-tag" style="color: #0000ff">李><跨度类＝"hljs-tag" style="color: #0000ff">ul>”).Content (@<跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">文本>@RenderBody ()<跨度类＝"hljs-tag" style="color: #0000ff">文本>）．Render ();｝<跨度类＝"hljs-tag" style="color: #0000ff"><<跨度类＝"hljs-name" style="color: #0000ff">脚本><跨度类＝"javascript">$ (<跨度类＝"hljs-built_in" style="color: #0000ff">文档时(<跨度类＝"hljs-function">函数（<跨度类＝"hljs-params">）｛<跨度类＝"hljs-comment" style="color: #008000">//在页面加载时突出选中的抽屉项$ (<跨度类＝"hljs-string" style="color: #a31515">“(href =“@routeUrl”)”）．一个ddClass (<跨度类＝"hljs-string" style="color: #a31515">“k-selected”）;})<跨度类＝"hljs-tag" style="color: #0000ff">脚本>
我希望这能有所帮助。
问候,
亚历山大
进步Telerik
manbets登录虚拟教室，免费的自定义技术培训，让您快速跟上Telerik和Kendo UI产品的速度，刚刚获得了一个全新的外观+新的和改进的内容，包括一个全新的Blazor课程！请在<一个href＝"https://learn.telerik.com/learn?utm_source=supportfooter" rel="ugc">https://learn.telerik.com/．
