點擊獲取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標簽允許您顯示任何標簽的圖標。要正確顯示圖標，請將圖標的CSS類設置為TabIconCssClass屬性。

下面的代碼示例說明如何分配自定義CSS類以在第一個標簽上顯示圖像：

Tab Page 1 ContentTab Page 2 Content

DevExpress v19.2全新發布，歡迎下載最新版體驗哦~

DevExpress中文網官網QQ群：540330292      歡迎一起進群討論

掃描關注DevExpress中文網微信公眾號，及時獲取最新動態及最新資訊