jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxComboBox

  • Default Functionality
  • Multi Select
  • Settings
  • Categories
  • Binding to XML
  • Binding to JSON
  • Custom Rendering
  • Templates
  • DropDown Horizontal Alignment
  • DropDown Vertical Alignment
  • Cascading ComboBoxes
  • Checkboxes
  • Animation
  • Fluid Size
  • Events
  • Keyboard Navigation
  • Right to Left Layout
  • Create Component
  • Two-way Data Binding
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular ComboBox UI Component

The ComboBox component for Angular represents a list of selectable items displayed in a drop-down. Information can be input in the text box and a specific item can be searched for. The component comes with built-in auto-complete and supports pictures and images. The Multi Select feature enables the selection of multiple values in the ComboBox. The component can be bound to Local Data, XML, JSON, CSV, TSV and remote data using JSONP. You can configure the vertical and the horizontal alignment. You can also have cascading ComboBoxes where the data of the second one depend on the selected item of the first.

angular combobox

About jqxComboBox for Angular

jqxComboBox is the jQWidgets ComboBox component for Angular. Editable drop-down with auto-complete, multi-select tokens and remote search.

19 jqxComboBox demos with source code

  • Default Functionality – The default functionalities of Angular ComboBox.
  • Multi Select – Select multiple items in Angular ComboBox.
  • Settings – The settings available in Angular ComboBox.
  • Categories – Set item's group property's in Angular ComboBox.
  • Binding to XML – The Angular ComboBox is bound to XML data.
  • Binding to JSON – The Angular ComboBox's data is bound to JSON.
  • Custom Rendering – The use of Angular ComboBox's rendering function.
  • Templates – The available templates in Angular ComboBox.
  • DropDown Horizontal Alignment – Change the alignment of the Angular COmboBox.
  • DropDown Vertical Alignment – Change the vertical alignment of Angular ComboBox.
  • Cascading ComboBoxes – Cascading Angular ComboBoxes.
  • Checkboxes – Display check boxes in the Angular ComboBox.
  • Animation – Changing the Angular ComboBox's animation.
  • Fluid Size – Of Angular ComboBox the width and height are set in percentages.
  • Events – The events of Angular ComboBox.
  • Keyboard Navigation – The keyboard navigation in Angular ComboBox.
  • Right to Left Layout – The Right to left function in Angular ComboBox.
  • Create Component – Angular ComboBox is created with one 'Settings' object.
  • Two-way Data Binding – Two way data binding in Angular ComboBox.

jqxComboBox API

jqxComboBox has 40 properties, 7 events and 39 methods, all in the API reference. Its main members, those its demos use first:

  • selectedIndex (property) – Sets or gets the selected index.
  • displayMember (property) – Sets or gets the displayMember of the Items.
  • valueMember (property) – Sets or gets the valueMember of the Items.
  • select (event) – This event is triggered when the user selects an item.
  • change (event) – This event is triggered when the user selects an item.
  • selectItem (method) – Selects an item.
  • dropDownHorizontalAlignment (property) – Sets or gets the DropDown's alignment.
  • dropDownWidth (property) – Sets or gets the width of the jqxComboBox's ListBox displayed in the widget's DropDown.
  • multiSelect (property) – Determines whether the jqxComboBox is in multi-select mode.
  • getSelectedItems (method) – Gets the selected items when "multiselect" is turned on.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.