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
Using column editors
Run example in:
C#
VB.NET
To test the editing capabilities on this demo:
Edit/Update/Insert/Delete records by pressing the corresponding buttons in the grid
Switch the edit modes using the options at the top of the page
Enable/Disable Multiline edit mode
In-forms editing mode
In-line editing mode
Allow multi-row edit
Add new record
Refresh
First name
Last name
Title of courtesy
Hire date
Ready
Delete
Nancy
Davolio
Ms.
5/1/1992
Edit
Edit details for employee with ID 1
First name:
Last name:
Title of courtesy:
Ms.
Dr.
Ms.
Mrs.
Mr.
Mr.
Mr.
Ms.
Ms.
Hire date:
Delete
Andrew
Fuller
Dr.
8/14/1992
Edit
Delete
Janet
Leverling
Ms.
4/1/1992
Edit
Delete
Margaret
Peacock
Mrs.
5/3/1993
Edit
Delete
Steven
Buchanan
Mr.
10/17/1993
Edit
Delete
Michael
Suyama
Mr.
10/17/1993
Edit
Delete
Robert
King
Mr.
1/2/1994
Edit
Delete
Laura
Callahan
Ms.
3/5/1994
Edit
Delete
Anne
Dodsworth
Ms.
11/15/1994
Edit
Source Code & Description
This example demonstrates the powerful Telerik RadGrid custom-editor architecture, which allows you to:
Generate automatically various
column editors
Extract the new values from each column editor
Below are some additional resources which elaborate on how to create custom editors and extract the new user entries on update command:
Extract updated data
Insert new data
Delete data
InPlace edit mode
EditForms edit mode
Auto-generated column editors
PID476 ; RID6