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