DevExtreme Angular UI Selection Controls

DevExpressUI 選擇控制項JavaScript

適用於豐富使用者介面的多用途 Angular 選取控制項。

  • 包含用於項目選取的 SelectBox，支援搜尋與分組。
  • List 元件支援單選、多選與全部選取模式。
  • DataGrid 提供進階列選取，具備延遲與批次選項。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Angular UI Selection Controls 產品圖片
DevExtreme Angular UI Selection Controls 提供一套全面的元件，專為在 Angular 應用程式中高效處理使用者選擇而設計。從簡單的下拉選單到複雜的資料格，這些控制項提供搜尋、分組、多重選取模式與事件處理等功能，以提升使用者互動與資料管理。

SelectBox Component

提供下拉式編輯器，讓使用者可從清單中選取或新增值。支援將資料繫結至陣列或外部來源、搜尋功能、項目分組，以及使用彈出選項自訂下拉選單。

List Selection Modes

可使用單選、多選或全部項目模式來選取清單中的項目。內建核取方塊以顯示選取狀態，並允許透過點擊或僅透過核取方塊進行選取。

Selection Controls in List

選項包括顯示選取核取方塊、控制是否可透過點擊選取，以及管理跨所有項目或分頁資料的全選行為。支援選取變更的事件處理，以回應使用者動作。

DataGrid Row Selection

支援單列或多列選取，並在專用的選取欄中提供核取方塊。包含全選/取消全選等功能，可針對所有頁面或目前頁面，以及適用於大型資料集效能優化的延遲選取。

Deferred Selection in DataGrid

允許在需要時才載入資料，將選取操作延後處理，特別是在使用者選取所有記錄時，可提升大型資料來源的效能。

Selection Event Handling

所有元件都會發出值變更或選取狀態變更等事件，讓開發人員在使用者選取或取消選取項目或列時實作自訂邏輯。

Initial and Runtime Selection APIs

方法與屬性可讓開發人員以程式化方式設定初始選取、在執行時修改選取，並查詢已選取的鍵值或資料，為動態應用情境提供彈性。

Customization and Integration

元件支援透過範本、分組、篩選與彈出視窗調整進行自訂。它們可依照標準元件與模組匯入作法整合至 Angular 應用程式中。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Angular