jQWidgets ver6.0.0

Major release just came out. It features Material Design themes, New widget, New features for multiple widgets and quality updates. What’s New: – jqxForm widget. – jqxGrid Multi-Column Sorting. – jqxGrid Adaptive Layout Rendering. – jqxGrid Column and Row Lines … Continue reading
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, angular tree, Angular5, angular7, angular8, AngularJS, ASP.NET Core Tag Helpers, Chart, custom elements, Grid, html elements, 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, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxInput, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxResponse, jqxRibbon, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxTreeMap, jqxValidator, jqxWindow, PHP, Pivot Grid, React, react grid, React Javascript Library, REACTJS, typescript
, , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Grid for jQuery, Angular and React

This post is about our Data Grid performance. Its performance is unbeatable in scenarios with thousands of rows and columns. It supports UI Virtualization for Rows and Columns. You may ask what does that mean? It means that we have … Continue reading
ANGULAR, Angular 2, ANGULAR GRID, ASP .NET, ASP.NET Core Tag Helpers, ASP.NET Core Tag Helpers, custom elements, Grid, html elements, JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid, React, react grid, React Javascript Library, REACTJS
, , , , , , , , , , , ,

Leave a comment

DataGrid Column with Custom CSS Styling

From this post, you will learn how to set a custom CSS class to a Grid column. 1. Create the CSS class. .column { background-color: #034FCD; color: white; font-weight: bold; } 2. When you initialize a DataGrid column, set its … Continue reading
JavaScript UI, JavaScript UI Plugins, jqxGrid
, , , , ,

Leave a comment

jqxGrid Virtual Scrolling with PHP and MySQL

In this post, we will show you how to connect our jQuery Grid to a MySql Database using PHP. We will obtain the data from MySql Database and especially the Northwind Database. The data will be loaded on demand when … Continue reading
JavaScript, JavaScript Plugins, jQuery, jqxGrid, PHP
, , , , , , , , , , , , , , , , , ,

Leave a comment

Disable Editing of a Grid Row or Cell

In order to disable the editing of a cell, you need to define a function called ‘cellbeginedit’ in the column’s definition. For example: { text: ‘First Name’, columntype: ‘textbox’, datafield: ‘firstname’, width: 90, cellbeginedit: function (row) { if (row == … Continue reading
jQuery, jQuery UI, jqxGrid
, , , , , , ,

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

Assembling N-Nested jQuery Grid

In this post, we will create 3-level Grids hierarchy. Each grid in the nesting relationship will be bound to its own data adapter. Let’s see how to achieve that task in a few steps. 1. Include the CSS files. We … Continue reading
JavaScript UI, jQuery, jqxGrid
, , , , , , , , , , , , , ,

2 Comments

Custom Data Filtering with jQuery Grid plug-in

In order to customize the built-in Grid filtering, you can set the ‘filter’ member of the source object to point to a custom filtering function. The filtering function has three parameters that the Grid passes – the filters set by … 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

Binding a jQuery Grid to a JSON String

In this post, we will illustrate how to populate the jqxGrid widget with JSON string data. The data that we’ll use is: var data = [{ “CompanyName”: “Alfreds Futterkiste”, “ContactName”: “Maria Anders”, “ContactTitle”: “Sales Representative”, “Address”: “Obere Str. 57”, “City”: … 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

jQWidgets 1.9

We are happy to announce the availability of jQWidgets 1.9. Key new features: jqxSwitchButton jqxSwitchButton is jQuery widget with behavior similar to the jqxToggleButton. It has two states – checked and unchecked (on/off). The user can switch between the different … 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, 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, PHP
, , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment