-
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
One way drag and drop from a Grid to a Form
This post shows how to setup a one way drag and drop from a Grid to a Form. The user will be able to drag a Grid record and fill a Form by dropping the record over it. 1. Include … Continue reading →
Posted in: JavaScript UI Widgets, JavaScript Widgets, jqxGrid
Tagged: drag and drop, drag and drop grid records, drag and drop to a form, form, grid drag, grid drop, grid plugin, html5 Grid, jquery datagrid, jQuery DataGridView, jquery grid plugin, jquery table, jQuery Widgets, jqxGrid, table plug-in
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 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
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
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
Server Side Sorting with jQuery Grid using PHP and MySQL
Today, we will show you how to implement server-side sorting with the jqxGrid widget. The Grid will request data from the server for every change of the jqxGrid’s sorting state. The server-side script is going to deliver the data records … 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: data records, grid order, grid order by, grid server sort, grid sort, gridview server-side sorting, html5 Grid, javascript grid, javascript gridview, jquery grid server sorting, jQuery UI Widgets, mysql sorting, order by, php sort, server side sorting, server sort, server sorting, sorting
Leave a comment
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
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 →
Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid, Uncategorized
Tagged: datagrid, datagridview, grid, Grid Pager, grid with paging, grid with server side paging, gridview, html5 Grid, javascript grid, javascript gridview, jquery grid, jquery ui grid, jqxGrid, paging, php, server code, server paging, server side paging
Leave a comment