Submit Form with jqxListBox

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
JavaScript, jQuery, jqxListBox
, , , , , , , , , , , , , , , , ,

Leave a comment

Search in Remote Data

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
JavaScript, jQuery, jQWidgets, jqxListBox
, , , , , , , , , ,

Leave a comment

Grouping ListBox Items

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
jQuery Plugins, jQWidgets, jqxListBox
, , , , , , , , , , , , ,

1 Comment

Bind jQuery ListBox to XML Data

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
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Synchronize ListBox with HTML Select tag

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
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , , ,

Leave a comment

Create a ListBox From Unordered List

In this post, we will use the jqxListBox widget and will load its items from unordered list. Let’s create a simple DIV tag with Unordered List inside. <div id=’ListBox’> <ul> <li>About Us</li> <li>Press</li> <li>Investor Relations</li> <li>Corporate Affairs</li> <li>Careers</li> <li>Showcase</li> <li>Events</li> … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , ,

Leave a comment

jQuery ListBox with Images

To add a jQuery ListBox(jqxListBox) with text and image items to your web page, you need to do the following: 1. Add references to the following javascript and css files. <link rel="stylesheet" href="styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="styles/jqx.classic.css" type="text/css" /> … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Populate a ListBox with data from MySQL Database using PHP

In this post we are going to show you how to populate a jQuery ListBox widget with data from MySQL Database using PHP. 1. Create a new file named data.php with the following content in it: <?php /* Connecting to … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , , , , , ,

1 Comment

ListBox with CheckBoxes

The ListBox has the capability to show checkboxes for each item in a list. Each item can be checked and unchecked by clicking the checkbox or by using the ‘checkIndex’ and ‘uncheckIndex’ methods. Users are allowed to check any number … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxListBox
, , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Populating ListBox from UL

In this post we will show you how to populate the jqxListBox with data coming from UL in a few steps. 1. Include the javascript and stylesheet files. <head> <title>jQuery ListBox</title> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery-1.7.1.min.js"></script> <script … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , ,

Leave a comment