Syncfusion Vue UI Selection Controls

SyncfusionUI 選擇控制項JavaScript

適用於現代 Vue 應用程式的完整選取元件。

  • 支援單選、多選與階層式選取模式。
  • 包含下拉選單、組合方塊、自動完成與清單元件。
  • 提供篩選、範本化與互動式狀態控制。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion Vue UI Selection Controls 產品圖片
Syncfusion Vue UI Selection Controls 提供一套完整的元件，用於處理 Vue 應用程式中的使用者選擇與選取情境。它包含可搜尋的下拉選單、階層式選擇器、清單式輸入，以及傳統表單控制項，全部都設計成能與 Vue 資料繫結和響應式狀態管理順暢整合。

使用 DropDown List 進行結構化單選

DropDown List 可讓使用者從預先定義的資料來源中選取一個值。它支援群組、篩選與自訂項目範本，協助開發人員在表單與設定面板中清楚呈現結構化資訊。

使用 MultiSelect DropDown 處理多重選擇

MultiSelect DropDown 可讓使用者在緊湊的輸入欄位中選取多個值。內建篩選與彈性的顯示選項，使其適合標籤系統、類別選取與進階篩選介面。

透過 DropDown Tree 瀏覽階層資料

DropDown Tree 以可展開的結構在下拉選單中呈現巢狀資料。使用者可以選取父節點與子節點，因此很適合用於組織結構、類別樹與多層級資料集。

使用 AutoComplete 與 ComboBox 引導文字輸入

AutoComplete 會在使用者輸入時建議符合的項目，而 ComboBox 則將輸入內容與可選選項結合。兩者一起支援彈性的資料輸入模式，同時協助維持與可用資料來源的一致性。

以 MultiColumn ComboBox 比較詳細記錄

MultiColumn ComboBox 會在下拉選單中為每個項目顯示多個資料欄位。此版面配置可幫助使用者在選取值之前檢視相關資訊，對結構化商務資料尤其有用。

使用 ListBox 管理清單與 տեղափոխ

ListBox 以可選取的清單格式呈現項目，並支援單選與多選模式。拖放與重新排序功能可讓使用者直接在介面中管理集合。

透過 Radio Button 與 CheckBox 做出清楚的表單決策

Radio Button 與 CheckBox 元件可在表單中處理互斥與獨立選取。它們提供可預期的行為與清楚的視覺狀態，非常適合設定面板與使用者偏好表單。

使用 Toggle Switch 與 Button Group 進行互動式狀態變更

Toggle Switch Button 以即時視覺回饋表示布林值。Button Group 會將相關選項排列成可選取的按鈕，提供簡潔方式來呈現互斥或多重選擇。

使用 Mention 與 Chips 進行內嵌選取與標記

Mention 元件會在文字欄位中輸入觸發字元時顯示建議，啟用具情境的參照。Chips 元件則將選取值呈現為精簡元素，可在版面中新增、選取或移除。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js