Blazor的Telerik UI?下载30天免费试用

内置的工具

用于Blazor的Telerik工具栏允许您使用内置按钮和按钮组或添加一个自定义工具.可用的内置工具有:

ToolBarButton

工具栏按钮是一个普通的按钮,您可以单击它,它会引发一个事件,以便应用程序可以响应该事件。

您可以向Telerik工具栏添加多个按钮。要做到这一点,您应该添加< ToolBarButton >< TelerikToolBar >

ToolBarButton参数

嵌套的ToolBarButton标记公开了允许您自定义按钮的参数:

参数 类型及默认值 描述
字符串 将在ToolbarButton的主包装元素上呈现的CSS类。您可以使用该类来级联样式。
启用 保龄球
真正的
指定按钮是否可单击。
图标 对象 将字体图标添加到按钮。您可以在。中找到有关向Telerik组件添加字体图标的更多信息Telerik字体和Svg图标文章
溢出 ToolBarItemOverflow枚举
汽车
指定调整工具栏大小时是否隐藏该项。
OverflowText 字符串 定义只在溢出弹出框中显示的按钮文本。如果未指定,它将获取该项的默认文本。
标题 字符串 映射到标题属性的< >按钮
可见 保龄球
真正的
指定该按钮在工具栏中是否可见。

带工具栏按钮的Telerik工具栏

Blazor工具栏Toolbarbutton示例

@*此示例显示了带ToolBarButtons及其功能的TelerikToolBar *@  Bold 斜体 下划线  @code {public void OnBold(){控制台。WriteLine(“用户点击了粗体按钮”);OnItalic(){控制台。WriteLine(“用户点击了斜体按钮”);}公共无效OnUnderline(){控制台。WriteLine(“用户点击了下划线按钮”);}}

ToolBarToggleButton

工具栏切换按钮有两种状态——正常状态和选中状态——单击它可以通过双向绑定或事件在两种状态之间切换。

您可以向Telerik工具栏添加多个切换按钮。要做到这一点,您应该添加< ToolBarToggleButton >< TelerikToolBar >

ToolBarToggleButton参数

嵌套的ToolBarToggleButton标记公开了允许您自定义按钮的参数:

参数 类型及默认值 描述
字符串 将在ToolbarButton的主包装元素上呈现的CSS类。您可以使用该类来级联样式。
启用 保龄球
真正的
指定按钮是否可单击。
图标 对象 将字体图标添加到按钮。您可以在。中找到有关向Telerik组件添加字体图标的更多信息Telerik字体和Svg图标文章
选择 保龄球 指定按钮是否处于选定状态。对象的单向数据绑定和双向数据绑定都可以使用SelectedChanged事件。属性的详细信息SelectedChanged事件参见事件篇文章。
SpriteClass 字符串 向按钮添加一个精灵类图像。将此属性设置为k-icon MySpriteClass在哪里MySpriteClass为精灵定义CSS规则。
溢出 ToolBarItemOverflow枚举
汽车
指定调整工具栏大小时是否隐藏该项。
OverflowText 字符串 定义只在溢出弹出框中显示的按钮文本。如果未指定,它将获取该项的默认文本。
标题 字符串 映射到标题属性的< >按钮
可见 保龄球
真正的
指定该按钮在工具栏中是否可见。

Telerik工具栏与ToolBarToggleButtons

Blazor工具栏切换按钮示例

@*这个例子显示了TelerikToolBar与ToolBarToggleButton及其可用的功能*@  切换全屏  @code {public bool已选{get;设置;} = true;public void ToggleFullScreen() {if(已选){控制台。WriteLine(“用户处于全屏”);} else{控制台。WriteLine(“用户退出全屏”);}}}

ToolBarButtonGroup

按钮组是一个或多个按钮的容器,将它们一起呈现,并将它们与相邻的按钮或组分隔开。

您可以将一组或多组按钮添加到工具栏。要做到这一点,您应该添加< ToolBarButtonGroup >< TelerikToolBar >.在按钮组中,可以放置ToolBarButton或者是ToolBarToggleButton

ToolBarButtonGroup参数

嵌套的ToolBarButtonGroup标记公开了允许您自定义按钮的参数:

参数 类型及默认值 描述
字符串 将在ToolBarButtonGroup的主包装元素上呈现的CSS类。您可以使用该类来级联样式。
启用 保龄球
真正的
指定组是否可单击。
SelectionMode ButtonGroupSelectionMode枚举
指定是否可以同时从组中选择一个或多个按钮(适用于ToolBarToggleButton其中的实例)。
溢出 ToolBarItemOverflow枚举
汽车
指定调整工具栏大小时是否隐藏该项。
OverflowText 字符串 定义只在溢出弹出框中显示的按钮文本。如果未指定,它将获取该项的默认文本。
可见 保龄球
真正的
指定组是否在工具栏中可见。
宽度 字符串 允许您控制组的宽度。

带有分组按钮的Telerik工具栏

Blazor工具栏分组按钮

@*这个例子显示了分组ToolBarButtons的TelerikToolBar *@   Bold 斜体 下划线   .

另请参阅

在本文中
Baidu
map