-
Resent Posts
- jQWidgets Now Supports Angular 20
- jQWidgets ver. 23.0.0
- Natural Language Filtering in jqxGrid: Simplicity Meets Intelligence
- Smart UI ver. 23.0
- Unlock the Full Power of jqxGrid in 2025: A Must-Have Data Grid for Modern Web Apps
- Introducing New Features in Smart.Editor: A Game-Changer for Productivity
Tags
angular angular components angular grid chart charting ComboBox datagrid grid gridview html5 Grid JavaScript javascript chart javascript grid javascript gridview javascript listbox javascript splitter jQuery jquery chart jquery datagrid jquery grid jquery grid plugin jquery gridview jquery listbox jQuery Plugins jquery splitter jQuery Tree jQuery UI jquery ui grid jQuery UI Plugins jQuery UI Widgets jQuery Widgets jQWidgets jqxchart jqxGrid jqxlistbox jqxsplitter ListBox listbox widget react reactjs split container splitter tree treeview vueCategories
- ANGULAR
- Angular 2
- angular 4
- angular 5
- Angular 6
- ANGULAR GRID
- angular tree
- Angular5
- angular7
- angular8
- AngularJS
- ASP .NET
- ASP.NET Core Tag Helpers
- ASP.NET Core Tag Helpers
- 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
- Uncategorized
- VUE
- VUEJS
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 →
Posted in: 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
Tagged: asp .net gridview, datagrid, grid, gridplugin, gridview, html5 Grid, html5 gridview, javascript grid, javascript gridview, javascript ui grid, jquery datagrid, jquery grid, jquery gridview, jQuery UI, jquery ui grid, json, json data, json grid, json string, php datagrid, php datagridview, php grid
Leave a comment
Create, Remove or Update many Grid Rows
In the latest version, we enhanced the jqxGrid’s ‘beginupdate’ and ‘resumeupdate’ methods. The enhancement enables you to add, remove or update many grid rows at once, without a performance impact. The Grid will be updated after you call the ‘resumeupdate’ … Continue reading →
Posted in: 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
Tagged: add row, create row, data table, datatables, delete row, grid, html5 table, javascript grid, javascript table, jquery grid, jquery grid plugin, jquery gridview, jquery table, jQuery UI, jquery ui grid, jqxGrid, php table, update row
Leave a comment
jQuery Grid with Custom Pager
In this post, we will show you how to create a custom pager for our jQuery Grid widget and make it look like in the screenshot below: 1. Add the references to the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” … Continue reading →
Posted in: 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, jqxGrid
Tagged: asp .net grid, datagridview, datagridview pager, grid, grid custom pager, Grid Pager, grid pager navigation, gridview, gridview paging, html5 controls, html5 datagrid, html5 datagridview, html5 widgets, javascript grid, javascript gridview, jquery grid, jquery gridview, jQuery UI, jquery ui grid, jQuery UI Widgets, pager, php datagridview, php grid, php grid pager, php gridview, php pager
2 Comments
jQWidgets 2.0
It is our pleasure to announce the immediate availability of jQWidgets ver. 2.0. The new version brings important and highly anticipated updates to the jqxChart widget along with various bug fixes and other improvements. Check out the full release notes … Continue reading →
Posted in: 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
Tagged: asp .net, Html5, javascript controls, jquery accordion, jquery button, jquery chart, jQuery ComboBox, jquery context menu, jquery controls, jquery data visualization, jquery datagrid, jquery dialog, jquery docking, jquery dropdownlist, jquery grid, jquery listbox, jQuery Menu, jquery pie chart, jQuery Plugins, jQuery ScrollBar, jQuery Slider, jQuery Tabs, jQuery Tree, jQuery UI, jQuery Window, php
Leave a comment
jQuery Grid Cells Editing with PHP and MySQL
Today, we will show how to implement server-side editing with the jqxGrid widget. The Grid will request data from the server when it is initialized. The server-side script is going to deliver the data records in JSON format. We will … Continue reading →
Posted in: 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, PHP
Tagged: client-side grid, datagrid control, datagrid for php, datagridview, filtering with php, grid, grid control, grid plugin, grid widget, html5 Grid, javascript datagridview, javascript grid, jquery datagrid, jquery grid, jquery grid plugin, jquery gridview, jQuery UI, jquery ui grid, mysql, php, php and mysql, php datagrid, php datagridview, php editing, php grid, php gridview, server editing, server side editing
Leave a comment
Column Headers and Grid Cells Center Text Alignment
To change the text-alignment of the Grid cells and column headers, you can do the following: 1. Create two functions, called cellsrenderer and columnsrenderer. These functions will return a HTML string with a DIV tag with inline CSS Style that … Continue reading →
Posted in: 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
Tagged: cell text alignment, center text alignment, column text alignment, grid, javascript gridview, jquery grid, jquery gridview, jqxGrid, php datagrid, php grid, php gridview
1 Comment
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 →
Posted in: JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxGrid, PHP
Tagged: datagrid for php, filtering with php, grid, html5 Grid, javascript grid, jquery datagrid, jquery grid, jquery gridview, mysql, php, php and mysql, php datagrid, php datagridview, php filtering, php grid, php gridview, server filtering, server side filtering
Leave a comment
Using ASP .NET Web Service with jqxGrid
In a few steps, we will show you how to load the jqxGrid with data coming from ASP .NET Web Service. 1. Create a new ASP.NET Web Application. 2. Add the following files to the Scripts folder. “jqxbuttons.js, jqxcore.js, jqxdata.js, … 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: .net datagrid, .net grid, .net gridview, asp .net datagrid, asp .net datagridview, asp .net grid, asp .net web service, asp grid, asp gridview, bind grid to asp .net, grid web service, gridview, javascript gridview, jquery grid, jquery grid control, jquery gridview, populate grid from asp .net web service
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 →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged: cells selection, grid, grid cells selection, grid multiple cells, gridview selection, javascript grid, javascript gridview, jquery grid, jquery grid cells selection, jquery grid multiple cells selection, jquery ui grid
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 →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged: grid, grid paging with knockoutjs, gridview, javascript gridview, jquery grid, jquery gridview, jQWidgets Grid, jqxGrid, knockout, knockout binding, knockout integration, knockout with jqxGrid, knockoutjs, knockoutjs with jquery gridview, using knockoutjs
10 Comments