3.0.0中的重大变化
常见的变化
OnRead
的OnRead
所有组件的处理程序现在都希望您将数据设置为事件参数而不是组件数据
属性。这种新的数据绑定机制将不再依赖于组件的生命周期,并将支持过去不支持的新功能(例如Excel导出所有页面)OnRead
)。
使用手动数据操作时,注意以下变化:
- 设置
TItem
组件属性。这将提供关于模型类型的信息,而不是数据
。 - 设置
TValue
属性组合框,DropDownList和多选。 - 不要设置
数据
属性。相反,设置arg游戏。数据
(IEnumerable
)在…OnRead
处理程序。 - 没有必要铸造由返回的项目
ToDataSourceResult ()
当设置arg游戏。数据
。 - 不要设置
TotalCount
。该属性现在被删除,取而代之的是arg游戏。总计
事件参数(int
)在…OnRead
处理程序。 - 所有数据的聚合现在都通过
arg游戏。AggregateResults
(IEnumerable < AggregateResult >
)。的AggregateResults
事件参数仅对支持聚合的组件公开。如果网格被绑定到数据表
,变通方法仍然是必要的。 - 如果您缓存了
DataSourceRequest
对象,以便设置数据
后来,新的做法是重置网格状态,以便OnRead
再次被调用。 - 绑定到
ObservableData
通过OnRead
不再支持。 - Blazor的UI3.0.1介绍了一种
重新绑定
方法触发OnRead
用于按需数据更新。这是一个网格的重新绑定示例还有一个类似的用于组合框。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
弹出设置
PopupClass
,PopupHeight
和PopupWidth
属性被移除,取而代之的是嵌套的弹出设置标签。适用于自动完成,组合框,DropDownList和多选。嵌套的标记名称依赖于组件名称。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
其他常见变化
ToODataString
扩展方法被移到了Telerik.Blazor.Extensions
名称空间。的Telerik.Blazor.ExtensionMethods
名称空间被删除,取而代之的是Telerik.Blazor.Extensions
。Telerik.Blazor.IconName
类(2.0版后不再使用)被移除。中的图标名称内置图标文档。
组件的变化
网格
- 改变了
GridEditMode
Enum默认值from内联
来没有一个
。属性中显式启用网格编辑添加
和编辑
命令按钮工作。 - 将弹出式编辑表单的方向改为垂直。这与默认值一致
TelerikForm
取向
并在所有组件中弹出编辑表单。Blazor 3.1的UI将提供弹出式配置设置。 - 使用
IFilterDescriptor
与电网状态,而不是FilterDescriptorBase
。 - 删除方法
ExportToExcel ()
(MemoryStream
)赞成ExportToExcelAsync ()
(任务< MemoryStream >
)。 - 删除方法
ExportToCsv ()
(MemoryStream
)赞成ExportToCsvAsync ()
(任务< MemoryStream >
)。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
- 删除
ExpandedRows
(ICollection < int >
)赞成ExpandedItems
(ICollection < TItem >
)在…GridState。ExpandedItems
期望项,而不是项索引。此外,PropertyName
的论点onstatechange
事件改变从“ExpandedRows”
来“ExpandedItems”
在层次结构场景中。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
其他组件
- 按钮-删除
主要的
参数支持ThemeColor
类型的字符串
。有一个新的静态类Telerik.Blazor.ThemeConstants.Button.ThemeColor
使用一组预定义的主题颜色。要获得旧的主按钮样式,请设置ThemeColor =“@ThemeConstants.Button.ThemeColor.Primary”
。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
DateInput-删除
ParsingErrorMessage
(自2.8版起已废弃),支持DateInput_ParsingErrorMessage
本地化的字符串。加载程序,LoaderContainer——改变
大小
参数类型的LoaderSize
枚举,字符串
(下面的例子)。的默认值。大小
是ThemeConstants.Loader.Size.Medium
。有一个新的静态类Telerik.Blazor.ThemeConstants.Loader.Size
使用一组预定义的大小属性。- 通知,加载程序,LoaderContainer——改变
ThemeColor
参数类型的ThemeColors
枚举,字符串
。的默认值。ThemeColor
是ThemeConstants.Loader.ThemeColor.Primary
。有一个新的静态类Telerik.Blazor.ThemeConstants.Loader.ThemeColor
使用一组预定义的属性。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
- 文本框,MaskedTextBox,文本区域-
标签
参数被移除。Blazor的UI3.1.0功能:FloatingLabel组件。对于《Blazor》的UI3.0.0和3.0.1,请检查以下内容KB,它显示了如何添加标签。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
- TileLayout-引入可选
Id
属性的TileLayoutItem
。的OnResize
事件处理程序将接收类型为的参数TileLayoutResizeEventArgs
。的OnReorder
事件处理程序将接收类型为的参数TileLayoutReorderEventArgs
。两个事件参数都将指向tile项(arg游戏。Id
)并定义组件是否应该在事件发生后重新呈现(arg游戏。ShouldRender
)。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
- TreeList——改变
TreeListEditMode
Enum默认值from内联
来没有一个
。的树列表编辑应该显式地启用添加
和编辑
命令按钮工作。 TreeList-将弹出式编辑表单的方向改为垂直这与默认值一致
TelerikForm
取向
并弹出编辑所有组件的表单。Blazor 3.1的UI将提供弹出式配置设置。树状视图-删除
ExpandedField
参数支持ExpandedItems
(IEnumerable <对象>
)。TreeView项的展开状态将不再依赖于模型属性。ExpandedItems
支持双向绑定。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
- 窗口——改变
大小
参数类型WindowSize
枚举,字符串
。有一个新的静态类Telerik.Blazor.ThemeConstants.Window.Size
使用一组预定义的大小属性。的大小
属性将在未来的Blazor版本的UI中生效。要保持旧的行为,设置窗口宽度
来300 px
,800 px
或1200 px
。
参数名称
我们正在使API的命名更加一致。
- 抽屉里-
内容
RenderFragment被重命名为DrawerContent
- 抽屉里-
IsSeparatorField
参数(自2.27版起已废弃)被删除,取而代之的是SeparatorField
- 编辑器-
UpdateInterval
参数重命名为DebounceDelay
- 步进-
IsCanceled
财产StepperStepChangeEventArgs
(2.26版起已废弃)被移除,取而代之的是IsCancelled
渲染和主题
的HTML呈现和CSS类已经针对多个组件进行了更新,包括按钮,文本框组件,下拉组件,日期/时间选择器,复选框,开关。重新创建任何自定义主题通过进口或从头开始。
State的CSS类
一些与组件状态相关的CSS类被重命名。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
k-state-disabled |
k-disabled |
k-state-focused |
k-focus |
k-state-invalid |
k-invalid |
k-state-selected |
k-selected |
k-widget类
的k-widget
CSS类被从所有组件中移除。如果在自定义CSS代码中使用该类,请将其替换为相应的特定于组件的类。
Blazor 2.30的UI | Blazor 3.0的UI |
---|---|
|
|
组件的宽度
- 下拉组件-删除的默认内联样式
宽度:300像素
。新的默认宽度为100%
并来自主题CSS。适用于自动完成,组合框,DropDownList,多选。 - 文本框组件-更改了默认主题宽度从
12.4 em
来100%
。适用于DateInput,日期/时间选择器,MaskedTextBox,NumericTextBox,文本区域,文本框。
输入呈现
文本框和下拉组件具有新的一致的HTML呈现。注意
k-input
类,该类现在用于外部组件元素,而不是<输入>
。
REPL变化
Blazor的teleerik REPL始终使用最新的官方版本Telerik.UI.for.Blazor
NuGet包。
之前创建的任何代码片段
Telerik.UI.for.Blazor
3.0版本(2022年1月19日)可能需要更新,因为上面的更改列表。