Blazor工具栏概述

的Blazor工具栏组件是按钮或其他特定于应用程序的工具的容器。本文将解释可用的特性。

工具栏组件是Blazor的Telerik UI，一个专业级的UI库，包含100个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

创建Blazor工具栏

1. 添加< TelerikToolBar >标记到Razor文件。
2. 使用子标记进行添加工具如< ToolBarButton >或< ToolBarToggleButton >．将按钮文本设置为子内容。可选地,设置图标．
3. 定义OnClick按钮的处理程序。
4. 设置选择切换按钮参数。它支持双向绑定。
5. (可选)将相关按钮放在< ToolBarButtonGroup >一起展示。

   bold  斜体  切换按钮  undo   
最后单击按钮:@LastClicked 
 
 Toggle按钮的选中状态是@Selected.ToString() 
 @code {bool选中{get;设置;} = true;字符串LastClicked{获取;设置;} void OnBold() {LastClicked = "Bold";} void OnItalic() {LastClicked = "Italic";} void OnUndo() {LastClicked = "撤消";}}

内置的工具

工具栏组件可以包括内置的工具，如按钮、切换按钮和按钮组。阅读更多关于Blazor工具栏内置工具．

分隔符

工具栏提供了分隔符和间隔符，可以直观地划分组件项。阅读更多关于Blazor工具栏分隔器和间隔器。．

自定义项目

工具栏组件支持模板项。使用它们创建带有下拉菜单、输入和其他自定义内容的复杂工具栏。阅读更多关于Blazor工具栏项目定制．

事件

Blazor工具栏会触发点击和选择事件。处理这些事件以响应用户操作。阅读更多关于开拓者工具栏事件．

工具栏参数

Blazor工具栏提供了配置组件的参数:

例子

Blazor工具栏有一个自适应选项。此选项允许您隐藏弹出窗口中溢出的项目。

当使用ToolBarTemplateItem使用响应式溢出弹出框，模板自动继承溢出-ToolBarItemOverflow。从来没有的行为。

改变宽度! 
 
 
   undo   redo  Image    Copy Paste        
 @code { void ChangeWidth() { Width = 40; } public double Width { get; set; } = 100; public bool ToolBarAdaptive { get; set; } = true; } 

下一个步骤

• 探索工具栏内置工具
• 处理工具栏事件
• 使用工具栏分隔符
• 实现自定义工具栏工具

另请参阅

• 实时工具栏演示
• 工具栏API参考