为Blazor开发Telerik UI

Blazor窗口

  • 在模态或非模态弹出窗口中显示内容。通过使用Blazor窗口组件从很少使用的细节中整理主视图,使您的Blazor项目更加用户友好。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题,只需轻按开关,文档处理库,丰富的文档和演示,帮助您立即开始。
为Blazor套件的Telerik UI
美国国家航空航天局(Nasa)签证,微软 福克斯、三星、IBM 世界银行集团,沃尔沃
  • 窗口概述

    Telerik Blazor Window组件在模态或非模态HTML窗口中显示内容。您可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中以友好和时尚的方式提醒用户或向他们展示重要信息。Window组件由一个内容容器和一个标题栏组成,标题栏具有预定义的操作,如最小化、最大化和关闭。通过调整窗口的大小、位置和在标题栏中添加自定义操作按钮,您可以完全自定义窗口。

    Telerik UI用于Blazor窗口概述
  • 窗口大小

    Blazor Window组件提供了几个定义其大小的选项。您可以使用预定义的大小选项,设置宽度和高度属性,或最大化和最小化窗口通过动作按钮在它的标题栏或通过代码。

    如何配置Blazor窗口大小的示例。

  • 窗口的位置

    Window组件允许对其位置进行完全控制,这可以通过设置它提供的三个参数来实现:Top、Left和居中。

    如何设置Blazor窗口的位置。

    为Blazor窗口位置的Telerik UI
  • 可调整大小的

    用户可以通过拖动控件的边框来选择调整Window组件的大小。

  • 窗口操作

    Window组件提供了三种内置操作:最大化、最小化和关闭。您可以定义自定义操作按钮,如Edit或Save,并为操作按钮属性提供不同的设置。

    窗口操作按钮的示例。

  • 预定义的窗户

    内置的“警报”、“确认”和“提示”对话框窗口是每个网络新手都能从中受益的工具,但由于其局限性,它们很快就会被淘汰。Telerik UI for Blazor Window组件为这3个遵循框架所有规则的开发最爱提供了完整的替换——它们可以被样式化和自定义,你可以完全访问何时发生了什么!
    为Blazor Window的Telerik UI
  • 叠加窗口

    不同的窗口可以堆叠在一起,最近被关注的窗口将会被看到。这允许您在需要时从其他窗口中创建新窗口,并为用户提供了可能移动窗口的灵活性,以便他们可以访问初始窗口和辅助窗口。
    为Blazor Window的Telerik UI
  • 您可以轻松地将窗口切换到模式模式,这样用户就不能与Blazor页面的其他部分进行交互,直到它关闭。

    Blazor模态窗口的例子。

    为Blazor窗口模式的Telerik UI
  • 可拖动的

    启用可拖动功能,允许用户将窗口移动到需要的位置。这种更大的灵活性将非常受客户的欢迎,因为它显著地减少了窗口作为UI组件的最主要缺点——它们的侵入性——可拖动窗口可以移动,这样您就可以看到它的内容和下面的内容。

    Blazor Draggable的Telerik UI
  • 窗口事件

    Window组件公开了几个事件,让您轻松处理用户操作和控制Blazor应用程序的应用逻辑。当用户试图关闭窗口时,您可以使用VisibleChanged事件来获得通知,甚至当用户试图最小化、最大化或恢复窗口时,也可以使用StateChanged事件。此外,窗口操作按钮公开OnClick事件,使您能够快速实现自定义按钮,并从窗口的标题栏调用应用程序逻辑。

    Blazor Windows事件的代码示例。

    Blazor Events的Telerik UI
  • 窗口辅助和键盘导航

    像所有其他用于Blazor组件的Telerik UI一样,windows组件支持开箱即用的键盘导航和web可访问性标准实现(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性)。这使得只需使用键盘就可以轻松导航,也可以通过辅助技术访问组件内容。

    Blazor Window内置键盘导航的例子。

    Telerik用户界面为Bazor键盘导航
  • 窗口主题

    Telerik Blazor窗口有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序

    为Blazor窗口主题的Telerik UI

所有Blazor组件

下一个步骤

发射演示

请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。

下载免费试用

尝试为Blazor提供专门的技术支持的Telerik UI。

Baidu
map