Demos Home
Telerik Home
Search
Grid
1
Overview
2
Outlook grid
3
Web grid
4
Web Mail Grid
5
Migration from GridView
What's new
6
Declarative client-side data-binding
7
Client-side caching
8
ListView/DataList like RadGrid
9
Header context menu
Columns
10
Column types
11
Calculated columns
12
Footer aggregates
13
Column formatting
14
Column/Row/Grid resize/reorder
Rows
15
Normal/Alternating rows
16
Selected rows style
17
Accessing cells and rows
18
Auto postback on row click
19
Items drag and drop
Populating with Data
20
Simple data-binding
21
Advanced data-binding
22
CardView
23
Hierarchy with declarative relations
24
Hierarchy with DetailTableDataBind event
25
NestedView template
26
Self-referencing hierarchy
Client-side data-binding
27
Client-side data-binding
28
Live data from web service
29
Related grids
30
Various data sources
31
Programmatic creation from XML
32
Displaying pivot data
Sorting
33
Basic sorting
34
Advanced sorting
Paging
35
Basic paging
36
Alphabetic pager
37
Slider/Advanced-style pager
38
Pager template
39
Customizing the pager programmatically
40
Custom paging
41
SEO-friendly paging
Scrolling
42
Basic scrolling
43
Virtual scrolling and paging
44
Frozen columns
Selecting
45
Client-side row selection
46
Server-side row selection
Exporting
47
MS Excel/MS Word/CSV
48
Export to PDF
Filtering
49
Basic filtering
50
Filtering in hierarchy
51
Filtering template columns
52
Google-like Filtering
Hierarchy
53
Three-level hierarchy
54
Several tables at a level
55
Client-side hierarchy loading
56
Mixed hierarchy loading
Grouping
57
Outlook-style grouping
58
Group-By expressions
59
Client group load
60
Group footers
Insert/Update/Delete
61
Automatic operations
Extracting values
62
Using column editors
63
Using grid server-side API for extraction
64
Auto-generated edit form with multiple columns
65
Command item
66
User control edit form
67
Form template edit form
68
PopUp edit form
69
Edit on double-click
70
Update/Insert/Delete in hierarchy
71
Client-side insert/update/delete
72
Client-side 'inline' delete
73
Editing XML using XmlDataSource
Validation
74
Flexible server-side validation
Programmatic creation
75
On PageInit
76
On PageLoad
77
Creating hierarchy programmatically
Appearance
78
Skins
79
Custom Skin
80
Styling Header, Footer and Pager items
81
Styling edited rows
82
Right to left support
Client-Side API and Events
83
Client objects and events
84
Client-side API
85
Keys/Values client-side
Accessibility
86
Section508 Compliance
87
Keyboard support
Performance optimization
88
Boosting Performance with LINQ
89
Heavy data load/viewstate optimization
90
Shared RadDatePicker
Application scenarios
91
Various column editors
92
AJAX-enabled context menu
93
Grid Filtered by Combo
94
Load-on-demand Grid in Combobox
95
Window Editing
96
Resizing RadGrid in RadSplitter
97
Using RadUpload in an Ajaxified Grid
98
RadNumericTextBox for RadGrid Footer Totals
99
Grid and Aggregate Chart
100
Grid and Chart in TemplateColumn
101
Updating RadGrid with a WebService
102
Insert in grid with tooltip
Controls
Ajax
Calendar
Chart
ColorPicker
ComboBox
Dock
Editor
FormDecorator
Grid
Input
Menu
PanelBar
Rotator
Scheduler
Slider
Spell
Splitter
TabStrip
ToolBar
ToolTip
TreeView
Upload
Window
RadGrid for ASP.NET AJAX
Version Q3 2008 released 11/25/2008 (
release history
)
Auto-generated edit form with multiple columns
Run example in:
C#
VB.NET
FirstName
LastName
Title
Ready
Edit
Nancy
Davolio
Sales Representative
Edit
Andrew
Fuller
Vice President, Sales
Edit details for employee with ID 2
FirstName:
LastName:
Hire Date:
Country:
City:
Title:
Region:
TOC:
Update record
Cancel edit
Edit
Janet
Leverling
Sales Representative
Edit
Margaret
Peacock
Sales Representative
Edit
Steven
Buchanan
Sales Manager
Edit
Michael
Suyama
Sales Representative
Edit
Robert
King
Sales Representative
Edit
Laura
Callahan
Inside Sales Coordinator
Edit
Anne
Dodsworth
Sales Representative
Note: The changes in the data will be persisted per Session only. The data will be reset next time you visit the page.
Example Source Code & Description
Description
VB.NET
C#
ASPX
Open in a new window
Telerik RadGrid lets you to set the number of vertical columns across which the
auto-generated
edit form will span. In the example above the edit form spans across three columns.
Below are the attributes which specifies the number of columns in the edit form and in which column the edit field will reside:
<EditFormSettings
ColumnNumber="3"
CaptionFormatString="Edit details for employee with ID {0}" CaptionDataField="EmployeeID">
<radg:GridBoundColumn UniqueName="FirstName"
EditFormColumnIndex="0"
HeaderText="FirstName" DataField="FirstName"></radg:GridBoundColumn>
Copyright 2002-2009 © Telerik. All right reserved |
Telerik Inc, 275 Grove Street, 4th Floor, Newton MA 02466
www.telerik.com
|
Terms of Use
|
Contact Us
PID476 ; RID6