Blazor窗口概述
本文提供了关于Blazor Window组件以及它的核心功能。
Window组件显示一个弹出窗口，向用户显示自定义内容。该组件提供了预定义的标题栏操作，如关闭、最小化和最大化。还支持自定义操作。其他窗口功能包括模式、大小调整和位置控制。
的窗口组件的一部分Blazor的Telerik UI，一个专业级的UI库，包含100个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。
在本文中:
创建Blazor窗口
- 使用
TelerikWindow标签。 - 绑定
可见的参数。保龄球财产。它支持单向和双向绑定。 - 向
WindowContent子标签。 - (可选)添加一些标题
WindowTitle标签。还支持HTML标记和子组件。 - (可选)添加a
关闭行动在一个< WindowActions >标签。
基本Blazor窗口
WindowTitle WindowContent… 切换窗口 @code {bool WindowIsVisible {get;设置;}}大小
窗口可以在屏幕上占据预定义的大小，也可以根据内容自动展开。默认情况下，用户可以调整窗口大小。了解更多有关窗口特性，与大小和调整大小相关．
拖
默认情况下，用户可以通过拖动窗口的标题栏来移动窗口。了解更多关于如何使用窗口的可拖动的功能．
响应性
当浏览器窗口大小发生变化时，Window组件可以做出响应。这是一个示例如何实现响应窗口行为．一种方法是使用宽度而且高度参数。另一个选择是应用CSS样式。
窗口参数
下表列出了Window参数，这些参数在组件文档的其他地方没有讨论。同时查看窗口API获取参数和事件的完整列表。
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-window”>元素。用它来覆盖主题样式．这是一个自定义窗口样式示例． |
大小 |
字符串 |
设置预定义窗口宽度．使用静态类的字符串成员ThemeConstants.Window.Size-小，媒介,大．它们转换成的宽度300 px，800 px而且1200 px,分别。如果设置，则宽度参数将优先于大小． |
可见 |
保龄球 |
定义窗口是否在页面上呈现并可见。 |
重要的笔记
控件的子组件呈现TelerikRootComponent在Blazor应用程序的根。这是必需的，所以它可以显示在其他页面内容，并有正确的位置。
然而，在Blazor中，渲染树结构可能很重要。在某些情况下，特殊的窗口位置可能会使您处于以下情况之一: