SplitButton外观

本文描述SplitButton组件的声明性设置，这些设置会影响SplitButton组件的样式和外观。

SplitButton提供了与常规按钮相同的外观参数按钮组件：

• FillMode
• 圆形的
• 形状
• 大小
• ThemeColor

设置参数值

本文中的示例使用反射来显示SplitButton参数的所有可能值。在实际场景中，有两种设置参数的方法:

• 类中的静态类成员ThemeConstants。SplitButton名称空间。这是一种更简单和推荐的方法。
• 直接设置实际的字符串值。

以下两种配置将产生相同的结果。

< TelerikSplitButton FillMode = " @ThemeConstants.SplitButton.FillMode。固体“圆润”= @ThemeConstants.SplitButton.Rounded。大“形状= " @ThemeConstants.SplitButton.Shape。广场”大小= " @ThemeConstants.SplitButton.Size。大" ThemeColor="@ThemeConstants.SplitButton.ThemeColor.Primary">  Foo    Bar      Foo    Bar   

FillMode

的FillMode参数控制SplitButton是否有背景和边框。该设置还会影响组件的悬停状态。若要设置参数值，请使用字符串静态类的成员ThemeConstants.SplitButton.FillMode．

SplitButton FillMode
 @foreach (var item in FillModes) {var FillMode = item. getvalue (null).ToString();  @fillMode    secondary   } @code {List FillModes {get;设置;} protected override void OnInitialized() {FillModes = typeof(ThemeConstants.SplitButton.FillMode) .GetFields().ToList();base.OnInitialized ();}}

圆形的

的圆形的参数影响SplitButton这个特性CSS样式。若要设置参数值，请使用字符串静态类的成员ThemeConstants.SplitButton.Rounded．

SplitButton round 
 @foreach (var item in RoundedOptions) {var RoundedOptions = item. getvalue (null).ToString();  @圆角   secondary   } @code {List RoundedOptions {get;设置;}受保护的覆盖无效OnInitialized() {RoundedOptions = typeof(themeconstants . splitbutton .圆形).GetFields().ToList();base.OnInitialized ();}}

形状

的形状参数定义SplitButton的几何形状(矩形或正方形)。要设置该值，请使用字符串静态类的成员ThemeConstants.SplitButton.Shape．

SplitButton Shape
 @foreach (var item in Shapes) {var Shape = item. getvalue (null).ToString();  @shape    secondary   } @code {List形状{获取;设置;} protected override void OnInitialized(){形状= typeof(ThemeConstants.SplitButton.Shape) .GetFields().ToList();base.OnInitialized ();}}

大小

的大小参数可以改变一些SplitButton的尺寸，如高度，边距或填充。可能的值为字符串静态类的成员ThemeConstants.SplitButton.Size．

SplitButton Size
 @foreach (var item in Sizes) {var Size = item. getvalue (null).ToString();  @size    secondary   } @code {ListFieldInfo>大小{获取;设置;} protected override void OnInitialized() {Sizes = typeof(ThemeConstants.SplitButton.Size) .GetFields().ToList();base.OnInitialized ();}}

ThemeColor

的ThemeColor参数从一组预定义的选项中设置SplitButton的背景和文本颜色。使用字符串静态类的成员ThemeConstants.SplitButton.ThemeColor．

SplitButton ThemeColor
 @foreach (var item in ThemeColors) {var ThemeColor = item. getvalue (null).ToString();  @themeColor    secondary   } @code {List ThemeColors {get;设置;} protected override void OnInitialized() {ThemeColors = typeof(ThemeConstants.SplitButton.ThemeColor) .GetFields().ToList();base.OnInitialized ();}}

下一个步骤

• 处理SplitButton事件
• 添加分裂按钮图标

另请参阅

• 现场演示:SplitButton外观
• SplitButton API