组件/多选

新《Blazor》的teleerik UI？免费下载30天试用版

外观设置

您可以通过设置以下属性来控制MultiSelect的外观:

大小

属性，可以增加或减少多选的大小大小属性的成员Telerik.Blazor.ThemeConstants.MultiSelect.Size类:

类成员 手动声明
小 sm
媒介 医学博士
大 lg

内置尺寸

@{var fields = typeof(telerik . blazor . themconstants . multiselect . size) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">
}} @code {List Countries {get;设置;} = new List();List Values {get;设置; } = new List(); protected override void OnInitialized() { Countries.Add("Albania"); Countries.Add("Bosnia & Herzegovina"); Countries.Add("Bulgaria"); Countries.Add("Croatia"); Countries.Add("Kosovo"); Countries.Add("North Macedonia"); Countries.Add("Montenegro"); Countries.Add("Serbia"); Countries.Add("Slovenia"); base.OnInitialized(); } }

圆形的

的圆形的属性应用这个特性CSS规则的多选，以实现曲线的边缘。您可以将其设置为Telerik.Blazor.ThemeConstants.MultiSelect.Rounded类:

类成员 手动声明
小 sm
媒介 医学博士
大 lg
完整的 完整的

舍入属性的内置值

@*舍入属性的内置值。*@ @{var fields = typeof(telerik . blazor . themconstants . multiselect . round) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串舍入= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">
}} @code {List Countries {get;设置;} = new List();List Values {get; set; } = new List(); protected override void OnInitialized() { Countries.Add("Albania"); Countries.Add("Bosnia & Herzegovina"); Countries.Add("Bulgaria"); Countries.Add("Croatia"); Countries.Add("Kosovo"); Countries.Add("North Macedonia"); Countries.Add("Montenegro"); Countries.Add("Serbia"); Countries.Add("Slovenia"); base.OnInitialized(); } }

FillMode

的FillMode控制如何填充TelerikMultiSelect。您可以将其设置为Telerik.Blazor.ThemeConstants.MultiSelect.FillMode类:

类成员 结果
固体
默认值		 固体
平 平
大纲 大纲

内置填充模式

@*这些都是内置的填充模式*@ @{var字段= typeof(Telerik.Blazor.ThemeConstants.MultiSelect.FillMode) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串fillMode = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">
}} @code {List Countries {get;设置;} = new List();List Values {get;设置;} = new List(); protected override void OnInitialized() { Countries.Add("Albania"); Countries.Add("Bosnia & Herzegovina"); Countries.Add("Bulgaria"); Countries.Add("Croatia"); Countries.Add("Kosovo"); Countries.Add("North Macedonia"); Countries.Add("Montenegro"); Countries.Add("Serbia"); Countries.Add("Slovenia"); base.OnInitialized(); } }

ThemeBuilder

要完全控制Blazor组件的Telerik UI的外观，您可以使用ThemeBuilder．

ThemeBuilder是一个web应用程序，使您能够创建新的主题和自定义现有的。你所做的每一个改变几乎都会立刻被可视化。一旦你完成了UI组件的样式，你就可以导出一个包含主题样式的ZIP文件，并在Blazor应用程序中使用它们。

在本文中
相关文章
没有找到你需要的帮助?
联络支持
改进这篇文章
Baidu
map