grid Archives - Page 3 of 6 - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Disable Editing of a Grid Row or Cell

Posted on June 27, 2012 by admin June 27th, 2012

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 →

Posted in: jQuery, jQuery UI, jqxGrid

Tagged: datagrid, datatable, grid, grid control, javascript grid, jQuery, jquery grid, jqxGrid

Leave a comment

jQuery Grid Server Side Paging with ASP .NET

Posted on May 11, 2012 by admin January 17th, 2013

In this post we will illustrate how to use the jqxGrid widget in paging mode in ASP .NET application. The records will be loaded on demand from a Northwind Database when the user changes the current page. 1. Create a … 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, asp .net datagrid, asp .net datagridview, asp .net grid component, asp .net grid control, asp .net gridview, asp .net mvc, asp .net mvc grid, asp .net server side paging, grid, grid sql, mvc datagridview, mvc grid, sql data, sql datatable, sql server

Leave a comment

jqxGrid with Checkbox based Rows Selection

Posted on April 23, 2012 by admin April 23rd, 2012

Checkbox selection of Grid rows is a very common type of selection in Web Grids. In this post, we will show you how to customize the jqxGrid’s built-in rows selection. You will be able to select/unselect rows only through checkboxes. … 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 grid, checkbox column, checkboxes selection, editable grid, grid, grid checkbox, grid checkbox selection, grid custom selection, grid rows selection, javascript grid, jquery grid, jquery ui grid, php grid, web grid

2 Comments

Custom Data Filtering with jQuery Grid plug-in

Posted on April 18, 2012 by admin April 18th, 2012

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

Posted on April 16, 2012 by admin April 16th, 2012

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

Posted on April 13, 2012 by admin April 13th, 2012

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

Posted on April 11, 2012 by admin April 11th, 2012

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

jQuery Grid Cells Editing with PHP and MySQL

Posted on April 5, 2012 by admin April 5th, 2012

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

Posted on March 26, 2012 by admin March 27th, 2012

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

jQWidgets 1.9

Posted on March 24, 2012 by admin March 24th, 2012

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 →

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: Accordion, button, Calendar, chart, checkbox, checked list, ComboBox, context menu, datagrid, datagridview, datetimepicker, dialog, docking, dragdrop, DropDownList, grid, ListBox, menu, navigation bar, popup window, Tab Control, table, togglebutton, tree, treeview, validation, window

Leave a comment

Tag Archives: grid