Server-Side Paging with jQuery Grid

Posted on February 16, 2012 by admin January 7th, 2014
Assume that you are working on a web page which lists the customers from a database. Assume that you need to display 10 records in a page. The database has 30,000 records consisting all the customers. In the above scenario, … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid, Uncategorized

Tagged: , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Grid with Image Column

Posted on February 15, 2012 by admin January 7th, 2014
In this post we will render the first Grid Column with images. The first step is to create an array of objects. The Image column contains the image names. var movies = new Array(); movies[0] = { Image: ‘avatar.png’, Title: … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , ,

Leave a comment

Custom Grid Cells Rendering

Posted on February 13, 2012 by admin January 7th, 2014
In this post, we will show you how to add a custom column with buttons in jqxGrid. The button’s role will be to delete a grid row. 1. The first step is to build the source object. We will create … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , ,

Leave a comment

Binding jQuery Grid to Remote Data using JSONP

Posted on January 31, 2012 by admin January 7th, 2014
The same-origin policy prevents a script loaded from one domain from getting or manipulating properties of a document from another domain. That is, the domain of the requested URL must be the same as the domain of the current Web … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Build CRUD Web App with jQuery Grid using PHP and MySQL

Posted on January 25, 2012 by admin January 7th, 2014
In this post, we will show you how to use the jQuery Grid in CRUD application scenario and send INSERT, UPDATE and DELETE commands to the server to update a MySQL DataBase. The first step is to create the file … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Grid Filtering using the Grid API

Posted on January 24, 2012 by admin January 7th, 2014
By reading this post, you will learn how to use the jQuery Grid API to filter the Grid data without the UI. jqxGrid has several methods that allow you to handle the data filtering – addfilter, removefilter, applyfilters and clearfilters. … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Grid Filtering

Posted on January 23, 2012 by admin January 7th, 2014
In the latest release of jQWidgets, we improved the jQuery Grid widget by adding a new Filtering feature to it. Let’s see how to enable and disable this feature. To enable the Grid Filtering, you need to set the ‘filterable’ … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , ,

2 Comments

Bind jQuery Grid to MySql Database using PHP

Posted on January 19, 2012 by admin January 7th, 2014
In this post we will show you how to connect our jQuery Grid to MySql Database using PHP. We will obtain the data from MySql Database and especially the Northwind Database. You can download the Northwind database .sql script here … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , , ,

6 Comments

Binding jQuery Grid to JSON Data

Posted on January 17, 2012 by admin January 7th, 2014
Today, we will show you how to bind the jQuery Grid, called jqxGrid to a JSON data. Below is a sample JSON data that we want to use as a data source. In this post, we will assume that this … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Building jQuery Grid with jQWidgets

Posted on January 12, 2012 by admin January 7th, 2014
In this post, we will explore how to set up a Grid and add powerful features such as sorting and paging. We will first add the following references: <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.classic.css" type="text/css" /> <script type="text/javascript" … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid

Tagged: , , , , , , , , , , , , , , , , , , , , ,

Leave a comment