Syncfusion JavaScript UI Selection Controls
適用於 JavaScript 網頁介面的完整選取控制項。
- 支援單選、多選與階層式選取模型。
- 包含下拉選單、組合方塊、自動完成與清單元件。
- 提供篩選、樣板化與互動式狀態控制。
起價:
使用 DropDown List 結構化選項
DropDown List 讓使用者從預先定義的資料集中選取單一值。它支援群組、篩選與自訂項目樣板，協助您在表單與資料輸入畫面中清楚呈現結構化資訊。
在單一欄位中處理多重選取
MultiSelect DropDown 讓使用者在緊湊的輸入區域內選擇多個項目。內建篩選與可自訂的已選值顯示，使其適用於標籤、分類與進階篩選情境。
透過 DropDown Tree 瀏覽巢狀資料
DropDown Tree 在下拉式介面中顯示階層式資料。使用者可以展開節點、檢視子元素，並在不同層級選取項目。核取方塊支援有助於呈現整個階層分支上的選取狀態。
使用 AutoComplete 加快輸入
AutoComplete 元件會在使用者輸入時建議符合的項目，減少錯誤並提升速度。它支援自訂篩選邏輯，並可繫結到本機陣列或遠端資料來源，以提供動態建議。
使用 ComboBox 提供彈性輸入
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 平台
- Vanilla JavaScript
關於Syncfusion
Syncfusion 成立於 2001 年，總部位於北卡羅來納州 Morrisville，專注於提供豐富的開發人員元件、控制項與框架，適用於 .NET、JavaScript，以及主要的行動與桌面開發平台。憑藉遍布 125 多個國家的 12,000 多名客戶，它服務的客戶群多元，從個人開發者到 Fortune 500 企業皆涵蓋其中。Essential Studio 等知名產品系列提供超過 1,600 個元件，支援快速應用程式開發、深入的商業智慧，以及穩健的報表解決方案，並搭配即時回應的支援與透明的授權制度。
