DevExtreme Vue UI Selection Controls

DevExpressUI 選擇控制項JavaScript

可自訂的 Vue 使用者介面選取控制元件。

  • 支援單選、多選與全選模式。
  • 包含核取方塊控制項，方便直覺地選取項目。
  • 提供事件與 API，可用程式化方式管理選取。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Vue UI Selection Controls 產品圖片
DevExtreme Vue UI Selection Controls 在 Vue 應用程式中提供靈活且強大的選取功能。這些元件讓開發人員能透過點擊或核取方塊，實作清單中的單選或多選項目，並由使用者互動進行管理。其完整的 API 支援響應式狀態管理與事件處理，可順暢整合至現代企業級 SPA。

Selection Modes

設定單選、多選、全選或停用等選取模式，以符合應用程式需求。開發人員可根據 UI 需求動態切換模式。

Visual Selection Indicators

在清單項目旁啟用核取方塊，使選取更明確。這可提升易用性，特別是在一次選取所有項目時。

User Interaction Options

透過點擊或核取方塊切換來控制使用者如何選取項目。如果您只需要透過核取方塊控制選取，可停用項目點擊選取。

Select All Functionality

實作「Select All」核取方塊，讓使用者可選取目前頁面上的所有項目，或跨所有頁面選取；可透過 selectAllMode 屬性進行設定。

Programmatic Selection

可依鍵值或索引以程式化方式選取或取消選取項目，進而精細控制選取狀態。

Event Handling

對選取變更作出回應，並在使用者進行選取動作時更新應用程式狀態或觸發副作用。

Accessibility and Configuration

提供無障礙屬性並設定項目選取體驗，以支援不同使用者需求，確保所有使用者皆能使用的介面。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js