-
Resent Posts
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
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 →
Posted in: 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
Tagged: angular grid, best angular grid, best javascript grid, best jquery grid, best react js grid, datagrid, grid control, gridview, javascript grid, jquery data grid, jquery grid, jquery gridview, react grid
Leave a comment
Using jqxGrid with ASP .NET and SQL Server
1. Create a new ASP .NET Web Application. 2. Click the Data item. 3. Add a new DataSource. In the sample, we will use the Northwind.mdf and will bind the Grid to the Customers table. 4. Add the JQWidgets JavaScript … 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, jqxGrid
Tagged: asp .net datagrid, asp .net datagridview, asp .net grid, bind grid to asp .net, gridview, javascript gridview, jquery grid, jquery grid control, jquery grid with SQL servert, jquery gridview, sql, sql server, sql server jquery
Leave a comment
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 →
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: custom grid filtering, datagrid, grid, grid filtering, grid filters, gridplugin, gridview, html5 Grid, html5 gridview, javascript grid, javascript gridview, javascript ui grid, jquery datagrid, jquery grid, jquery gridview, jQuery UI, jquery ui grid, php datagrid, php grid, php gridview
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 →
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
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
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
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 →
Posted in: 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
Tagged: chart, charting, datagridview, dragdrop, forms validation, grid, grid popup editing, gridview, html5 chart, html5 Grid, html5 plugins, html5 tree, html5 ui, html5 widgets, interactive charts, javascript grid, javascript validation, jQuery ComboBox, jquery dropdownlist, jquery listbox, jQuery Plugins, jQuery ScrollBar, jQuery Slider, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jquery validation, jQuery Widgets, jQuery Window, tree, treeview, validator
Leave a comment
Getting the clicked Grid row’s data
To trigger when the user clicks on a grid row, you can use the jqxGrid’s ‘rowselect’ event(if the selection mode is set to ‘singlerow’, ‘multiplerows’ or ‘multiplerowsextended’), otherwise in the cells selection modes(‘singlecell’, ‘multiplecells’ or ‘multiplecellsextended’) the grid raises the … 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: datagrid control, datagridview, datagridview plugin, grid control, gridview, gridview control, gridview plugin, html5 datagridview, html5 Grid, html5 gridview, javascript gridview, jquery ui grid, jquery ui gridview, 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 →
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
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 →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged: datagrid, grid, gridplugin, gridview, hide columns, html5 Grid, html5 gridview, javascript grid, javascript gridview, javascript ui grid, jquery datagrid, jquery grid, jquery gridview, jQuery UI, jquery ui grid, show columns
Leave a comment