ComponentOne ASP.NET Core UI Layout and Design Controls

MESCIUSUI 版面配置與設計控制.NET

適用於結構化、互動式版面的回應式 ASP.NET Core 元件。

  • 使用可設定的 UI 元件建立回應式版面配置。
  • 運用 Accordion 和 Dashboard 模式組織複雜內容。
  • 無縫整合至 ASP.NET Core 專案。
MESCIUS logo

起價:

載入中...
包含在以下產品
ComponentOne Studio ASP.NET MVC載入中
ComponentOne Studio Enterprise載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
ComponentOne ASP.NET Core UI Layout and Design Controls 產品圖片
ComponentOne ASP.NET Core UI Layout and Design Controls 提供一組以版面配置為中心的 UI 元件，用於建置採用 ASP.NET Core 的現代 Web 應用程式。它包含 Accordion 和 Dashboard Layout 等結構化容器，可協助開發人員組織內容、管理面板，並在各種裝置上建立具回應式、易於使用的介面。

Accordion 導覽與內容組織

提供一個 Accordion 元件，將內容結構化為可展開與可摺疊的面板。開發人員可以將相關資訊分組、減少視覺雜亂，並改善資料密集型應用程式的導覽。它支援在 ASP.NET Core 專案中彈性設定標題、面板行為和內容範本。

可設定的面板展開行為

可控制面板如何展開與摺疊，包括依應用程式需求開啟單一或多個區段。這種彈性適用於 FAQ、設定頁面，以及分類資料顯示等情境，同時維持可預測且一致的使用者體驗。

儀表板風格版面管理

包含一個 Dashboard Layout 元件，可將內容安排在可移動且可調整大小的面板中。開發人員可以設計互動式儀表板，讓最終使用者重新排列小工具並依其工作流程調整版面，支援分析型與營運型 Web 應用程式。

拖放式面板重新定位

允許透過拖放互動重新排序儀表板版面中的面板。此功能支援動態自訂情境，讓使用者能以視覺方式優先排序資訊，而無需重新設定應用程式的伺服器端。

可調整大小的版面容器

支援在儀表板版面中調整面板大小，讓使用者能控制每個小工具佔用多少螢幕空間。這項功能有助於在單一回應式頁面中容納各種內容類型，例如圖表、資料表格或表單。

適用於現代 Web 應用程式的回應式設計

可將版面配置元件適應不同的螢幕尺寸與裝置類型。這些控制項整合了回應式設計原則，無論從桌上型電腦、平板電腦或行動裝置存取，都能維持易用性與清晰度。

伺服器端整合

可透過伺服器端程式碼與 Razor 檢視進行設定。開發人員可使用熟悉的 .NET 開發實務來定義版面結構、繫結資料並管理元件狀態。

用戶端互動與自訂

支援用戶端設定與事件處理，以回應面板展開、移動或調整大小等使用者互動。這讓開發人員能實作自訂邏輯、保留版面變更，或在不重新載入整個頁面的情況下觸發更新。

以範本為基礎的內容呈現

允許使用範本在 Accordion 面板與 Dashboard 容器內呈現自訂內容。開發人員可以嵌入複雜的 UI 元素，包括資料視覺化與輸入表單，同時在整個應用程式中維持一致的版面結構。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • .NET

.NET 版本

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS
  • .NET 6 LTS

.NET 平台

  • ASP.NET Core 組件

IDE 支援

  • Visual Studio