使用緊湊的多重選擇強化 jQuery 應用程式

善用已勾選的下拉式複選框下拉控制項,提供節省空間且直覺的多重選擇,並避免介面雜亂。

使用緊湊的多重選擇強化 jQuery 應用程式

已勾選的下拉式複選框(checked combobox)是一種資料編輯元件,常見於使用者介面。它由文字框與下拉面板組成。該面板會以清晰且有條理的方式顯示預先定義的項目清單,使用者可透過相鄰的核取方塊進行單次或多次選擇來輸入資料。接著,這些值通常會在收合的欄位中以逗號分隔的摘要方式呈現。這種控制項為開發者提供了在應用程式中實作多重選擇功能的便捷途徑;特別適用於例如篩選資料集或設定配置等情境,且不會在介面上額外占用空間。

多種 jQuery 資料編輯套件包含已勾選的下拉式複選框,包括:

  • DevExtreme Complete Data Editors(屬於 DevExpress 的 DevExtreme Complete)可讓開發者輕鬆地在 jQuery 應用程式中整合已勾選的下拉式複選框。
  • Kendo UI for jQuery Data Editors(屬於 Telerik 的 Kendo UI)支援使用核取方塊在下拉選單中進行多項選擇,讓資料輸入更直覺。
  • jQWidgets Data Editors(屬於 jQWidgets)提供可用於透過下拉式輸入欄位並搭配相鄰核取方塊實現多重選擇的 jQuery 元件。
  • Infragistics Ignite UI for jQuery Data Editors(屬於 Infragistics Professional)可透過支援核取方塊的多重選擇下拉式複選框,促進直覺且高效率的数据輸入。

如需更深入了解功能與價格,請參考我們的 jQuery 資料編輯器比較。

比較 jQuery 資料編輯器