In this blog we will show you our Angular Grid with Toolbar. Our Angular Grid is one of the most advanced on the marked and has many features. One of the advanced features is that you can enable a ToolBar … Continue reading →
Posted in:
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, Angular5, AngularJS, jqxGrid
Tagged:
ag-grid, angular 6 grid, angular grid, angular toolbar grid, angulargrid, grid, grid control, jQWidgets, jqwidgets angular grid, jQWidgets Grid, jqwidgets grid control
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
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 →
Posted in:
JavaScript, JavaScript Plugins, jQuery, jqxGrid, PHP
Tagged:
datagrid, grid control, javascript datagrid, javascript datagrid control, javascript grid, javascript gridview, jquery datagrid, jquery datagrid control, jquery datatable, jquery grid, jqxGrid, php data control, php datagrid, php datagrid control, php datagridview, php datatable, php grid, php grid control, virtual scrolling with php
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 →
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 →
Posted in:
JavaScript UI, jQuery, jqxGrid
Tagged:
datagrid, datagrid control, datagridview, grid control, grid hierarchy, grids hierarchy, javascript datagrid, jquery datagrid, jqxGrid, n-level grid, nested datagrid, nested datagridview, nested grid, nested grids, nested jqxgrids
In this post, we will show you how to display the jQuery Grid widget inside a Popup by using the DropDownButton widget. 1. Include the necessary JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=”text/javascript” src=”../../scripts/jquery-1.7.2.min.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script><script type=”text/javascript” … 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:
combo box with multiple columns, datagrid control, datagridview control, datatable, dropdown datagrid, dropdown grid, dropdown gridview, dropdown table, grid control, grid in dropdown, jquery dropdown grid, jQuery UI, jquery ui dropdown grid, multicolumn combo, popup datagridview, popup datatable, popup grid, popup gridview, popup table
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
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
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 →
Posted in:
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged:
datagrid, datagrid plugin, DataGridView by jQuery, grid, grid control, gridview, gridview widget, html5 Grid, html5 gridview, javascript grid, javascript gridview, jquery datagrid, jQuery DataGridView, jquery grid, jquery grid control, jquery grid plugin, jquery gridview, jquery ui grid, jquery ui gridview, jQWidgets Grid, jqxGrid
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 →
Posted in:
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
Tagged:
datagrid, datagrid control, datagridview, grid, grid control, Grid Pager, grid plugin, Grid Sorting, gridview, html5 Grid, javascript grid, javascript gridview, jquery datagrid, jquery grid, jquery grid control, jquery grid plugin, jquery gridview, jquery ui grid, jquery ui gridview, jQWidgets Grid, jqxGrid, Sortable Grid
|
|
