内置的工具
用于Blazor的Telerik工具栏允许您使用内置按钮和按钮组或添加一个自定义工具.可用的内置工具有:
ToolBarButton
工具栏按钮是一个普通的按钮,您可以单击它,它会引发一个事件,以便应用程序可以响应该事件。
您可以向Telerik工具栏添加多个按钮。要做到这一点,您应该添加< ToolBarButton >
到< TelerikToolBar >
.
ToolBarButton参数
嵌套的ToolBarButton
标记公开了允许您自定义按钮的参数:
参数 | 类型及默认值 | 描述 |
---|---|---|
类 |
字符串 |
将在ToolbarButton的主包装元素上呈现的CSS类。您可以使用该类来级联样式。 |
启用 |
保龄球 真正的 |
指定按钮是否可单击。 |
图标 |
对象 |
将字体图标添加到按钮。您可以在。中找到有关向Telerik组件添加字体图标的更多信息Telerik字体和Svg图标文章. |
溢出 |
ToolBarItemOverflow 枚举( 汽车 ) |
指定调整工具栏大小时是否隐藏该项。 |
OverflowText |
字符串 |
定义只在溢出弹出框中显示的按钮文本。如果未指定,它将获取该项的默认文本。 |
标题 |
字符串 |
映射到标题 属性的< >按钮 . |
可见 |
保龄球 真正的 |
指定该按钮在工具栏中是否可见。 |
@*此示例显示了带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 |
字符串 |
定义只在溢出弹出框中显示的按钮文本。如果未指定,它将获取该项的默认文本。 |
标题 |
字符串 |
映射到标题 属性的< >按钮 . |
可见 |
保龄球 真正的 |
指定该按钮在工具栏中是否可见。 |
@*这个例子显示了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 |
字符串 |
定义只在溢出弹出框中显示的按钮文本。如果未指定,它将获取该项的默认文本。 |
可见 |
保龄球 真正的 |
指定组是否在工具栏中可见。 |
宽度 |
字符串 |
允许您控制组的宽度。 |
@*这个例子显示了分组ToolBarButtons的TelerikToolBar *@ Bold 斜体 下划线 .