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

Working with jqxSlider

In this post, we will demonstrate you how to add the jqxSlider widget to your web page and also how to get and set the Slider’s value. – Create a new html page and add links to the JavaScript files … Continue reading
jQuery, jQuery Plugins, jQuery UI Widgets, jQuery Widgets
, , , , , , , , ,

Leave a comment

jQuery Grid with Server Side Paging and Sorting

This post shows how to implement server-side paging and sorting with the jqxGrid widget. The Grid will request data from the server when the user navigates to a new page, changes the page’s size or applies a sort order. The … Continue reading
jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid, PHP
, , , , , , , , , , ,

Leave a comment

jQWidgets 2.2

We are happy to announce the availability of jQWidgets 2.2. The new version marks the debut of the jqxGauge and jqxLinearGauge widgets. The full list of changes is below: What’s New – jqxGauge – Radial and Linear Gauges – jqxTree … Continue reading
jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets

Leave a comment

jqxGrid with SQL Binding and LargeJsonResult

In this post, we will use in the data binding a custom JsonResult Class for ASP.Net MVC to avoid MaxJsonLength Exceeded Exception. The class is called LargeJsonResult. Here’s its implementation: using System;using System.Web.Script.Serialization;namespace System.Web.Mvc{ public class LargeJsonResult : JsonResult { … Continue reading
ASP .NET, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxGrid
, , , , , , , , , , , , , , ,

Leave a comment

Color Picker

In this post, we will illustrate you how to add our new ColorPicker widget, called jqxColorPicker to your page. 1. The first step is to include the javascript and css files required by the Color Picker. <link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” … Continue reading
JavaScript UI, jQuery UI, jQuery UI Plugins, jQuery UI Widgets
, , , , , , , , ,

Leave a comment

Nested Navigation Bars

In order to create nested navigation bars, you can do the following: 1. Include the jQuery Framework(jquery-1.7.2.min.js), jQWidgets Framework(jqxcore.js), jqxNavigationBar(jqxnavigationbar.js) and jqxExpander(jqxexpander.js). <link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=”text/javascript” src=”scripts/jquery-1.7.2.min.js”></script><script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script><script type=”text/javascript” src=”jqwidgets/jqxexpander.js”></script><script type=”text/javascript” src=”jqwidgets/jqxnavigationbar.js”></script> 2. Create the HTML structure. … Continue reading
jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxNavigationBar
, , , ,

Leave a comment

jQuery Grid Server Side Paging with ASP .NET

In this post we will illustrate how to use the jqxGrid widget in paging mode in ASP .NET application. The records will be loaded on demand from a Northwind Database when the user changes the current page. 1. Create a … Continue reading
ASP .NET, 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, jqxGrid
, , , , , , , , , , , , , , ,

Leave a comment

Load jQuery Window Content with Ajax

In this post, we will demonstrate how to dynamically set the jqxWindow’s content. 1. Create the HTML structure for the jqxWindow widget. The content will be loaded in the second nested DIV tag. <div id=”window”> <div>Window</div> <div> </div> </div> 2. … 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, jqxWindow

Leave a comment

Display a Grid in a DropDown

In this post, we will show you how to display the jQuery Grid widget inside a Popup by using the DropDownButton widget. 1. Include the necessary JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=”text/javascript” src=”../../scripts/jquery-1.7.2.min.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script><script type=”text/javascript” … 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, jqxGrid
, , , , , , , , , , , , , , , , , ,

Leave a comment