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

外观设置

您可以通过设置以下属性来控制多列组合框的外观:

大小

属性可以增加或减少“多列组合框”的大小大小属性的成员Telerik.Blazor.ThemeConstants.ComboBox.Size类:

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

内置大小

@{var fields = typeof(Telerik.Blazor.ThemeConstants.ComboBox.Size) . getfields (System.Reflection.BindingFlags. size) . getfields (System.Reflection.BindingFlags. size)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。field.IsInitOnly).ToList();foreach (var field in fields){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">       
}} @code {IEnumerable myComboData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x});int selectedValue {get; set; } protected override void OnInitialized() { selectedValue = 3; } public class MyDdlModel { public int MyValueField { get; set; } public string MyTextField { get; set; } } }

圆形的

圆形的属性应用这个特性CSS规则到MultiColumnComboBox来实现边缘的弯曲。对象的成员Telerik.Blazor.ThemeConstants.ComboBox.Rounded类:

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

圆角属性的内置值

@*圆润属性的内置值。*@ @{var fields = typeof(telerik . blazor . themeconstants . combobox .圆角). getfields (System.Reflection.BindingFlags. bindingflags . bindingflags . bindingflags . bindingflags . bindingflags . bindingflags . bindingflags . bindingflags . bindingflags . bindingflags。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。field.IsInitOnly).ToList();foreach (var field in fields) {string round = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">       
}} @code {IEnumerable myComboData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x}); int selectedValue { get; set; } protected override void OnInitialized() { selectedValue = 3; } public class MyDdlModel { public int MyValueField { get; set; } public string MyTextField { get; set; } } }

FillMode

FillMode控制如何填充TelerikMultiColumnComboBox。对象的成员Telerik.Blazor.ThemeConstants.ComboBox.FillMode类:

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

内置填充模式

这些都是内置的填充模式。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。field.IsInitOnly).ToList();foreach (var field in fields) {string fillMode = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">       
}} @code {IEnumerable myComboData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x});int selectedValue {get;设置; } protected override void OnInitialized() { selectedValue = 3; } public class MyDdlModel { public int MyValueField { get; set; } public string MyTextField { get; set; } } }

ThemeBuilder

要完全控制Blazor组件的Telerik UI的外观,您可以使用以下命令创建自己的样式ThemeBuilder

ThemeBuilder是一个web应用程序,允许您创建新的主题和自定义现有的主题。你所做的每一个改变几乎都是即时可见的。一旦你完成了UI组件的样式,你可以导出一个带有你的主题样式的ZIP文件,并在你的Blazor应用程序中使用它们。

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