Server Side Filtering with jqxGrid using PHP and MySQL

This post shows how to implement server-side filtering with the jqxGrid widget. The Grid will request data from the server when the user applies a new filter or clears the filtering. The server-side script is going to deliver the data … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxGrid, PHP
, , , , , , , , , , , , , , , , ,

Leave a comment

jQWidgets releases new jQuery plug-ins and updated UI widgets

We are happy to announce the availability of jQWidgets ver. 1.8. The new version brings many new features and updates in the suite. The full release notes can be found here: Release Notes. Highlights New Validator plug-in Improve the validation … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow
, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jqxGrid Multiple Cells Selection

In the latest version of jQWidgets, we enhanced the jqxGrid widget capabilities with a new cells selection feature. Let’s see how to enable this feature: To enable the cell’s selection, you need to set the selection mode property to ‘singlecell’, … 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

Using KnockoutJS with jqxGrid

In this post, we will show you how to use the jqxGrid with Knockout. Knockout is a JavaScript library that helps you to create rich, responsive display with a clean underlying data model. To create a view model with Knockout, … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
, , , , , , , , , , , , , ,

10 Comments

Show / Hide GridView Columns

In this post, we will show you how to programmatically Show and Hide GridView columns. The following example code creates a jqxGrid and populates it with local data. // prepare the data var data = new Array(); var firstNames = … 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

Server-Side Paging with jQuery Grid

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

Leave a comment

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

Announcing jQWidgets 1.7

We are happy to announce the availability of jQWidgets ver. 1.7. What’s New jqxGrid cells selection. jqxGrid Touch scrolling. What’s Improved jqxGrid virtual mode rendering. jqxGrid rows selection. jqxScrollBar scrolling behavior on touch-enabled devices. jqxChart stacked series 1px precision rendering … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow
, , , , , , , , , , , , , , , , , , , , ,

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

DataGrid Pinned(Fixed) Columns

jqxGrid supports Excel-like pinned (frozen) rows. This feature also allows you to pin columns to the left the gridview’s canvas. The pinned rows and columns are very useful when working with large tables and it makes it easy to scroll … 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