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

Custom Rendering of ListBox items

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
jQuery, jQuery UI, jQuery UI Widgets, 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

ListBox with Drag and Drop

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

2 Comments

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
, , , , , , , , , , , , , , , , , , ,

3 Comments