Tag Archives: ListBox

In this post, we will show you how to get the ListBox’s selected value from a PHP script. The first step is to add the Javascript and CSS files required for displaying ListBox and Button widgets. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” … Continue reading →

In this post, we will show you how to implement a basic search in remote data by using an Input element and the jqxListBox widget. We’ll use the ListBox to display the results. The provided results are cities, displayed when … Continue reading →

In this post, we will show you how to use one of the new features of the jqxListBox widget and especially the capability to customize the rendering of each listbox item. 1. Add the Theme files in the head section … Continue reading →

Each jqxListBox item has a property called ‘group’. When this property is set in the ListBox’s initialization, the list items will be grouped depending on the ‘group’ value and a group header will be displayed above each group of list … Continue reading →

In this post, we will show you how to add a ListBox to a web page and enable its Drag and Drop feature. 1. Every jQWidgets based project must include the following three files: jQuery Framework(jquery-1.7.2.min.js), jQWidgets Core framework file(jqxcore.js) … Continue reading →

We are happy to announce the availability of jQWidgets 1.9. Key new features: jqxSwitchButton jqxSwitchButton is jQuery widget with behavior similar to the jqxToggleButton. It has two states – checked and unchecked (on/off). The user can switch between the different … Continue reading →

In this post, we will show you how to populate the ListBox from XML Data Source. 1. Add references to the following javascript and CSS files. We will use the Data Adapter plug-in and we need to load the jqxdata.js … Continue reading →

To synchronize the jqxListBox widget with a ‘Select’ tag, you need to do the following: Initialize the jqxListBox and load its items from the ‘Select’ tag. To achieve this, we will use the ‘loadFromSelect’ method and will pass as parameter … Continue reading →