ASP.NET Controls visit Telerik website

UI Components

Productivity

JustCode

Data

Automated Testing

WebUI Test Studio

TFS Tools

Content Management

Sitefinity .NET CMS

Search Examples

	Grid
	Overview Outlook Grid Web Mail Grid Hierarchy with Templates Filter Templates Persisting Grid Settings What's new Rating column Header Context Filter Menu .NET 3.5 .NET 3.5 Client-side Data Binding Entity Framework CRUD Operations LinqToSql CRUD Operations LinqToSql Manual CRUD Operations Performance Virtual scrolling with client binding Client-side Binding and Caching 300 000 rows with LINQ Using RadInputManager ViewState Optimization Shared RadDatePicker Master/Details Client-side Data Binding Migration from GridView Migration from GridView Columns Column Types Attachment column Calculated Columns Footer Aggregates Column Formatting Column/Row Resize/Reorder Header Context Menu Rows Selected Rows Style Accessing Cells and Rows Items Drag-and-drop Populating with Data Client-side binding Declarative Binding Programmatic Binding Server-side binding Simple Data Binding Advanced Data Binding Various DataSources Master/Detail Grids Programmatic Creation from XML WebService binding Client Binding Server Binding Sorting Basic Sorting Programmatic Sorting Paging Basic Paging Alphabetic Pager Slider/Advanced-style Pager Pager Template Customizing the Pager Custom Paging SEO-friendly Paging Scrolling Scrolling Virtual Scrolling and Paging Frozen Columns Selecting Client-side Row Selection Server-side Row Selection Exporting Export to PDF MS Excel/MS Word/CSV Filtering Basic Filtering Filtering in Hierarchy Filtering Template Columns Google-like Filtering Filtering with RadFilter Hierarchy Declarative Relations Programmatic Binding Several Tables at a Level Client-side Hierarchy Loading Mixed Hierarchy Loading NestedViewTemplate Relations Self-referencing Hierarchy Autogenerate hierarchy Grouping Outlook-style Grouping Group By Expressions Client Group Load Group Footers Insert/Update/Delete Automatic Operations Extracting values Using Column Editors Using Server-side API Edit Form with Multiple Columns Command Item User Control Edit Form Form Template Edit Form PopUp Edit Form Edit on Double-click Editing with external form Update/Insert/Delete in Hierarchy Client-side Insert/Update/Delete Client edit with batch server update Client-side Inline Delete Editing XML Using XmlDataSource Validation Flexible Server-side Validation Programmatic creation On PageInit On PageLoad Creating Hierarchy Programmatically Layout CardView ListView/DataList View Displaying Pivot Data Client-Side API Client Objects and Events Client-side API Keys/Values Client-side Accessibility and Internationalization Keyboard Support Accessibility Compliance Right-to-left Support Appearance/Styling Custom Skin Styling Header, Footer and Pager Styling Edited Rows Application scenarios Binary Images and Upload in Grid AJAX-enabled Context Menu Grid Filtered by Combo Load on Demand Grid in Combobox Combo in Grid Window Editing Resizing RadGrid in RadSplitter RadNumericTextBox for Footer Totals Grid and Aggregate Chart Chart in TemplateColumn Tooltipified RadGrid RadToolBar as Command Item Insert with Tooltip

Grid / Programmatic Binding

Rate this demo:

1
2
3
4
5

Feedback

Run example in: C# VB.NET Change Skin:

Black
Default
Forest
Hay
Office2007
Outlook
Simple
Sitefinity
Sunset
Telerik
Vista
Web20
WebBlue
Windows7

Allow multi column sorting

TitleOfCourtesy

Open the calendar popup.

Page 1 of 2, items 1 to 10 of 11.

Events:

Example Source Code & Description

Open in new window

RadGrid for ASP.NET AJAX supports client-side binding to web services or page methods as demonstrated in this online demo of the product. In order to assign data source for the grid and refresh its state on the client, utilize the set_dataSource(dataSource) and dataBind() methods from its client-side API. Keep in mind that the data source passed as an argument to the set_dataSource method should have JSON signature which can be serialized by a web service or a page method.

All grid commands will raise the OnCommand client grid event which can be intercepted in order to cancel the default operation and perform a custom action client-side.

The demo also illustrates how to:
- extract information about the current page index/virtual item count or set them on the client
- customize the appearance of the grid items based on their column cell values (intercepting the OnRowDataBound client event of the grid)
- obtain the values of the sort expressions/filter expressions applied to the control.
Further information about the OnCommand/OnRowDataBound events of RadGrid and the client GridTableView object's properties, methods and collections can be gathered from the Client-side API Reference chapter in the documentation:
Client-side API Reference chapter
Client-side binding topic

Copyright 2002-2010 © Telerik. All right reserved |

Telerik Inc., 460 Totten Pond Rd, Suite 640, Waltham, MA 02451

www.telerik.com | Terms of Use | Contact Us