Telerik Blazor Window组件在模态或非模态HTML窗口中显示内容。您可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中以友好和时尚的方式提醒用户或向他们展示重要信息。Window组件由一个内容容器和一个标题栏组成,标题栏具有预定义的操作,如最小化、最大化和关闭。通过调整窗口的大小、位置和在标题栏中添加自定义操作按钮,您可以完全自定义窗口。
Blazor Window组件提供了几个定义其大小的选项。您可以使用预定义的大小选项,设置宽度和高度属性,或最大化和最小化窗口通过动作按钮在它的标题栏或通过代码。
Window组件允许对其位置进行完全控制,这可以通过设置它提供的三个参数来实现:Top、Left和居中。
用户可以通过拖动控件的边框来选择调整Window组件的大小。
Window组件提供了三种内置操作:最大化、最小化和关闭。您可以定义自定义操作按钮,如Edit或Save,并为操作按钮属性提供不同的设置。
您可以轻松地将窗口切换到模式模式,这样用户就不能与Blazor页面的其他部分进行交互,直到它关闭。
启用可拖动功能,允许用户将窗口移动到需要的位置。这种更大的灵活性将非常受客户的欢迎,因为它显著地减少了窗口作为UI组件的最主要缺点——它们的侵入性——可拖动窗口可以移动,这样您就可以看到它的内容和下面的内容。
Window组件公开了几个事件,让您轻松处理用户操作和控制Blazor应用程序的应用逻辑。当用户试图关闭窗口时,您可以使用VisibleChanged事件来获得通知,甚至当用户试图最小化、最大化或恢复窗口时,也可以使用StateChanged事件。此外,窗口操作按钮公开OnClick事件,使您能够快速实现自定义按钮,并从窗口的标题栏调用应用程序逻辑。
像所有其他用于Blazor组件的Telerik UI一样,windows组件支持开箱即用的键盘导航和web可访问性标准实现(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性)。这使得只需使用键盘就可以轻松导航,也可以通过辅助技术访问组件内容。
Telerik Blazor窗口有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序.