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

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