微软Blazor组件发布,DevExpress v19.1.8中可用:Charts新功能
点击获取DevExpress v19.2.3最新完整版试用下载
DevExpress UI for Blazor在v19.1.8中可用,此次更新发布包括DevExpress Blazor组件的主要功能增强:新的数据网格、图表、TreeView和Tabs。本文将先为大家介绍事件源检测、图表、标签等功能,迎下载最新版试用体验>>
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); } else treeView.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组件v19.1.8可用:Data Grid、TreeView API等](https://image.evget.com/Content/images/201910/25/20e001260e4457313a5238a1fb5d7bad.png)
标签
通过此更新,DevExpress Blazor标签允许您显示任何标签的图标。要正确显示图标,请将图标的CSS类设置为TabIconCssClass属性。
下面的代码示例说明如何分配自定义CSS类以在第一个标签上显示图像:
Tab Page 1 ContentTab Page 2 Content
DevExpress v19.2全新发布,欢迎下载最新版体验哦~
DevExpress中文网官网QQ群:540330292 欢迎一起进群讨论
扫描关注DevExpress中文网微信公众号,及时获取最新动态及最新资讯
![DevExpress中文网微信](https://image.evget.com/Content/files/2017/5/9/8397ed3bca35472ab28420cfd2e7c999636299203889442080.jpg)