jQuery Grid with Image Column

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

Leave a comment

Custom Grid Cells Rendering

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

Leave a comment

Binding jQuery Grid to Remote Data using JSONP

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

Leave a comment

jQuery Grid Filtering using the Grid API

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

Leave a comment

jQuery Grid Filtering

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

2 Comments

Binding jQuery Grid to JSON Data

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

Leave a comment

Building jQuery Grid with jQWidgets

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

Leave a comment

jQuery Grid coming with jQWidgets 1.4

In the second half of January, we will release jQWidgets 1.4 which will include a jQuery Grid. The Grid plugin will come with multiple built-in features, themes and getting started samples and documentation. It will natively support data paging, which … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
, , , , , , , , , , , , , , ,

Leave a comment