Demos
RadGrid
1
Overview
2
Outlook grid
3
Web grid
4
Business grid
5
Web Mail Grid
6
Migration from MS GridView
Columns
7
Column types
8
Column formatting
9
Column/Row/Grid resize/reorder
Rows
10
Normal/Alternating rows
11
Selected rows style
12
Accessing cells and rows
13
Auto postback on row click
Populating with Data
14
Simple data-binding
15
Advanced data-binding
16
Hierarchy with declarative relations
17
Hierarchy with DetailTableDataBind event
18
Self-referencing hierarchy
19
Related grids
20
Various data sources
21
Programmatic creation from XML
22
Heavy data load/viewstate optimization
23
Displaying pivot data
Sorting
24
Basic sorting
25
Advanced sorting
Paging
26
Basic paging
27
Alphabetic pager
28
Slider/Advanced-style pager
29
Pager template
30
Customizing the pager programmatically
31
Custom paging
32
SEO-friendly paging
Scrolling
33
Basic scrolling
34
Virtual scrolling and paging
35
Frozen columns
Selecting
36
Client-side row selection
37
Server-side row selection
Exporting
38
MS Excel/MS Word/CSV
39
Export to PDF
AJAX
40
AJAX RadGrid
41
Loading template
42
AJAXifying standard controls
43
AJAX request events
44
JavaScript after AJAX
45
Triggering an AJAX call outside of the grid
Filtering
46
Basic filtering
47
Filtering in hierarchy
48
Filtering template columns
Hierarchy
49
Three-level hierarchy
50
Several tables at a level
51
Client-side hierarchy loading
52
Mixed hierarchy loading
Grouping
53
Outlook-style grouping
54
Group-By expressions
55
Client group load
Insert/Update/Delete
56
Automatic operations
Extracting values
57
Using column editors
58
Using grid server-side API for extraction
59
Auto-generated edit form with multiple columns
60
Command item
61
User control edit form
62
Form template edit form
63
Edit on double-click
64
Client-side delete
65
Editing XML using XmlDataSource
Validation
66
Flexible server-side validation
Programmatic creation
67
On PageInit
68
On PageLoad
69
Creating hierarchy programmatically
Appearance
70
Skins
71
Styling Header, Footer and Pager items
72
Styling edited rows
73
Right to left support
Client-Side API and Events
74
Client objects and events
75
Client-side API
76
Keys/Values client-side
Accessibility
77
Keyboard support
Integration
78
File Browser
79
Updating RadGrid with a WebService
80
Grid Filtered by Combo
81
Google-like Filtering
82
LoadOnDemand Grid in Combo
83
Window Editing
84
Ajax-enabled context menu
85
Custom Editors
86
Resizing RadGrid in RadSplitter
87
RadUpload and RadGrid
88
RadNumericTextBox for RadGrid footer totals
89
RadChart in RadGrid column
90
RadGrid and aggregate RadChart
RadControls
RadAjax
RadCalendar
RadChart
RadComboBox
RadDock
RadEditor
RadGrid
RadInput
RadMenu
RadPanelbar
RadRotator
RadSpell
RadSplitter
RadTabStrip
RadToolbar
RadTreeView
RadUpload
RadWindow
Web grid
Run example in:
C#
VB.NET
Select Edit mode:
In-forms editing mode
In-line editing mode
Custom command item template
Edit Selected Products
Add new Product
Delete Selected Products
Refresh Product list
;
ProductName
Category
Units In Stock
Discontinued
UnitPrice
Ready
Chai
Beverages
39
$18.00
Chang
Beverages
17
$19.00
Aniseed Syrup
Condiments
13
$10.00
Chef Anton's Cajun Seasoning
Condiments
53
$22.00
Chef Anton's Gumbo Mix
Condiments
0
$21.35
Grandma's Boysenberry Spread
Condiments
120
$25.00
Uncle Bob's Organic Dried Pears
Produce
15
$30.00
Northwoods Cranberry Sauce
Condiments
6
$40.00
Mishi Kobe Niku
Meat/Poultry
29
$97.00
Ikura
Seafood
31
$31.00
Queso Cabrales
Dairy Products
22
$21.00
Queso Manchego La Pastora
Dairy Products
86
$38.00
Konbu
Seafood
24
$6.00
Tofu
Produce
35
$23.25
No records to display.
Note: The changes in the data will be persisted per Session only. The data will be reset next time you visit the page.
Source Code & Description
This demo incorporates several of the Telerik RadGrid features which are most commonly used on the web:
Automatic update/insert operations without a single line of code in the code-behind (ASP.NET 2.0 feature) along with client-side delete through GridClientDeleteColumn (see the
Insert/Update/Delete -> Automatic operations
and
What's new -> Client-side delete
demos for more info)
Batch edit/update/delete/cancel through commands which are internally recognized by the grid (EditSelected, UpdateEdited, DeleteSelected, CancelAll)
Single/multi-row client selection/check through GridClientSelectColumn with checkbox in its header
Slider pager mode to navigate to the desired page by dragging it
AJAX mode enabled for the grid with transparent loading template to indicate that the asynchrohous request is in progress
PID476 ; RID6