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);}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全新發布,歡迎下載最新版體驗哦~
https://www.devexpresscn.com/download.html