DevExpress Blazor UI組件使用了C#為Blazor Server和Blazor WebAssembly創建高影響力的用戶體驗，這個UI自建庫提供了一套全面的原生Blazor UI組件（包括Pivot Grid、調度程序、圖表、數據編輯器和報表等）。

DevExpress Blazor控件目前已經升級到v24.1版本了，此版本發布了全新的PDF查看器、地圖、雷達坐標圖等，歡迎下載最新組件體驗！

DevExpress技術交流群11：749942875      歡迎一起進群討論

全新的PDF Viewer (CTP)

全新的DevExpress Blazor PDF Viewer組件可以直接在DevExpress驅動的Blazor應用程序中顯示PDF文件內容，該組件允許您瀏覽文檔、設置縮放級別、打印和下載文檔。此外，CTP版本的Blazor PDF Viewer包括單頁預覽和工具欄自定義選項（如重新排列、分組、隱藏和添加項目）。

全新的Map（地圖）

DevExpress Blazor Map組件可以在DevExpress驅動的Blazor web應用程序中顯示帶有標記和路線信息的地理地圖，該組件從GIS服務（Bing、Google或GoogleStatic - 需要應用程序使用適當的API密鑰進行認證）中檢索相關數據，并附帶以下功能：

• 標記/路由配置和自定義選項。
• 內置地圖導航和類型控制。
• 手動調整地圖（設置縮放和MapCenter）。
• 地圖和標記"click" 支持。

全新的雷達圖表

DevExpress Polar Chart for Blazor組件允許您在極坐標系內可視化數據 - 平面上的每個點由與中心的距離和與固定方向的角度確定，DevExpress Blazor Polar Chart組件具有以下功能：

• 多種系列類型：直線、區域、條形、堆疊條形、散點。
• 連續、離散和對數軸值支持。
• 蜘蛛網模式。
• 圖表元素自定義：標簽、工具提示、圖例等。

全新的日期范圍選擇器

DevExpress Date Range Picker for Blazor允許您在單個日歷下拉菜單中選擇日期范圍，該組件具有以下集成功能：

• 最小和最大日期
• 特殊日期突出顯示
• 選定日期格式API
• 輸入驗證
• 清晰的按鈕
• 可空日期支持和占位符
• 自動支持瀏覽器時區和本地化

全新的下拉框

DevExpress Blazor DropDown Box（下拉框）是一個可自定義的編輯器 - 設計用于在其下拉窗口內顯示/使用各種UI元素：從簡單的列表和樹、到網格或其中的任何組合，您可以基于頁面交互以編程方式分配編輯器值。

下面的代碼片段將DevExpress Blazor網格添加到彈出的下拉框中。

Razor

<DxDropDownBox Value="Value" QueryDisplayText="QueryText">
<DropDownBodyTemplate>
<DxGrid Data="@GridData" ShowSearchBox="true" SelectedDataItem="@Value"
SelectedDataItemChanged="item => GridSelectedDataItemChanged(item, context.DropDownBox)" .../>
</DropDownBodyTemplate>
</DxDropDownBox>

@code {
Customer Value { get; set; }
IEnumerable<object> GridData { get; set; }

string QueryText(DropDownBoxQueryDisplayTextContext arg) {
if(arg.Value is Customer value)
return value.ContactName;
return string.Empty;
}
void GridSelectedDataItemChanged(object item, IDropDownBox dropDownBox) {
Value = item as Customer;
dropDownBox.HideDropDown();
}
}

下拉框的值不限于單個對象，它可以是對象的集合（對于那些希望實現多選擇編輯器的人）：

或者甚至是根據用戶在彈出框內的選擇生成的復合數據項：

更多產品更新咨詢，請