DevExpress Blazor组件v19.1.8可用：Charts、Node API等

TreeView

Event Source检测

v19.1.8中扩展了TreeViewNodeEventArgs的功能，现在您可以使用TreeViewNodeEventArgs.CausedByAPI事件参数来检测事件是通过最终用户交互还是以编程方式引发。

...@code {protected void BeforeExpand(TreeViewNodeCancelEventArgs e){if (!e.CausedByAPI)treeView.CollapseAll();}}

Node API

新的GetNodesInfo方法提供有关所需节点的信息，同时还扩展了ITreeViewNodeInfo接口，来包括一个属性选项，其中包含有关节点父级的信息。

...@code {protected void SelectionChanged(TreeViewNodeEventArgs e) {if (e.NodeInfo.Parent != null) {var parentSiblingNodesInfo = treeView.GetNodesInfo(n.Level ==e.NodeInfo.Parent.Level &&!string.Equals(n.Name, e.NodeInfo.Parent.Name));foreach (var nodeInfo in parentSiblingNodesInfo)treeView.SetNodeExpanded(n => string.Equals(n.Name, nodeInfo.Name), false);}elsetreeView.CollapseAll();}}

Charts

自定义点

v19.1.8添加了新的Blazor Charts API，可让您自定义点的外观。 处理OnCustomizeSeriesPoint事件，并更改通过ChartSeriesPointCustomCustomizationSettings对象绘制点的方式。

例如，您可以根据需要自定义点的可视化设置（颜色，图像，标签的文本和可见性）：

...@code {protected void PreparePointColor(ChartSeriesPointCustomizationSettings pointSettings){double value = (double)pointSettings.Point.Value;if (value > 75)pointSettings.PointAppearance.Color = System.Drawing.Color.Red;else if (value < 25)pointSettings.PointAppearance.Color = System.Drawing.Color.Blue;}}

下图有助于说明此新的Blazor Chart功能（自定义点）的功能：

标签

通过此更新，DevExpress Blazor标签允许您显示任何标签的图标。要正确显示图标，请将图标的CSS类设置为TabIconCssClass属性。

下面的代码示例说明如何分配自定义CSS类以在第一个标签上显示图像：

Tab Page 1 ContentTab Page 2 Content

DevExpress v19.2全新发布，欢迎下载最新版体验哦~