Grid for ASP.NET AJAX

HomeProductsASP.NET AJAX ControlsGrid

Overview

When working with DataGrids, fast loading of large data while having advanced Excel-like operations has always been a challenge. Having solid experience in web technologies, we designed our AJAX powered ASP.NET Grid to eliminate this tradeoff. Codeless databinding, rich client-side operations, and a myriad of features topped with unbeatable performance is what defines the Telerik RadGrid for ASP.NET AJAX.

See Demos Download Trial

Features

Codeless Development Experience
The Telerik ASP.NET Grid significantly simplifies the control deployment by providing:
- Codeless databinding
- Codeless insert, update, delete datasource operations
- Codeless paging, sorting, selecting, filtering
- Codeless grouping and hierarchy
- Codeless interface styling
Top
Powerful Databinding
Telerik ASP.NET AJAX Grid supports three types of databinding – server, client, WebServices and PageMethods (which can be both server and client)
- Server - The RadGrid can be bound to all ASP.NET 2.0 declarative datasources (AccessDataSource, ObjectDataSource, SqlDataSource, etc) as well as all datasources introduced in .NET 3.5 (LinqDataSource, EntityDataSource, ADO.NET DataServices, etc). The control can also be bound to business objects, sub-objects and nullable objects. Furthermore, you can bind RadGrid to pivot tables if you need to reverse the data order but still keep the same presentation and structure in the source table.
See server-side binding demos
.NET 3.5 demos
Optimizing performance with LINQ
- Client - RadGrid provides also powerful client-side databinding techniques (both declarative and programmatic) with pure server-side data operations combined with lightweight JSON calls between the client and the server for faster data transfer.
See client-side binding demos
.NET 3.5 client binding demos
Virtual scrolling with client binding demo
- WebServices & PageMethods – RadGrid can retrieve data also through WebServices and PageMethods – via both client-side and server-side
WebServices client binding demos
WebService server binding demos

Top
Databinding with LINQ to SQL

By combining pure server-side data operations with JSON transfer between client and server developers can boost the speed and overall performance of their web applications. In addition, all requested operations will apply directly on the database level thanks to the LINQ to SQL databinding. This allows only the necessary data, not the entire data set, to be sent over the wire.
See demo

Top
Unbeatable Performance

There is always a trade-off with UI components between easy setup and optimized performance. The RadGrid exposes a number of techniques for taking full control over performance. Thanks to a highly optimized databinding logic, the Telerik ASP.NET Grid provides swift behavior of all key capabilities such as paging, grouping, sorting, and filtering. You can also tune RadGrid performance by controlling the balance between client-side load and speed. Thanks to the three available modes (Server, Client and Ajax on demand) as well as the ControlState feature you can choose the most optimized balance for your scenario. RadGrid also leverages CSS and sprites to minimize the Grid’s HTML footprint and to reduce the number of requests the Grid requires to load.
See performance demos

Top
HTTP and ViewState Compression

RadControls for ASP.NET AJAX includes a special module that allows you to, without any coding, compress the entire AJAX traffic resulting in less traffic and faster page load. With the help of RadCompression you can further enhance your RadGrid data transfer by compressing the AJAX and Web Service responses. Additionally, RadCompression can automatically compress the ViewState of RadGrid.
Top
Extensive VS.NET Design-time Support
RadGrid provides rich design-time support functionality, making customizations and configurations very easy. Some of the key capabilities are:
- Applying, and easily switching between, skins in design-time
- Design-time support for declarative databinding to ASP.NET 2.0 datasources
- A rich Smart Tag and Property Builder dialog for customization of all key grid features such as paging, filtering and grouping
Top
XHTML and Accessibility Standards Compliancy

The ASP.NET Grid by Telerik is compliant with the XHTML 1.1 requirement. The RadGrid follows Section 508 compliance and falls under the W3C Compliance Level “A”, as defined by the W3C Web Content Accessibility Guidelines 1.0/2.0. The RadGrid also has full support for keyboard navigation.
Top
Extensive Client-Side Functionality

The Telerik ASP.NET Grid has a rich client-side API and comprehensive set of events guaranteeing full control over the various functions being performed on-the-fly client-side: expand and collapse, delete, resize, reorder, select, page, sort, filter, and scroll (with option for static headers and static columns). As a result, users receive blazing speed that does not come at the price of stability.
Top
Sorting

You can have the Telerik ASP.NET Grid automatically sort its columns by setting a single property. In addition to the simple one-column sorting, Telerik RadGrid allows you to sort data by several columns. There are three sorting modes: ascending, descending and no sorting. When sorting is enabled, interactive arrow indicators appear on the column headers that allow users to select a sorting mode for each column. Furthermore, you can define unique colors for sorted columns granting an enhanced user experience.
See demo

Top
Paging

Telerik RadGrid natively supports data paging, which enables users to view a large data set in smaller chunks for faster loading and easier navigation. The control has a variety of predefined pager modes (containing page numbers, page size dropdown, slider pager, etc.) which facilitates the navigation between different pages.
See demo

Top
Scrolling

When working with larger data sets, it is convenient to take use of the RadGrid’s paging mechanism. However, for really large data sets, crawling through pages using only the grid pager may become a tedious and cumbersome task for users. For these cases, RadGrid lets you take use of virtual scrolling. With Telerik RadGrid you can also scroll the grid data with the header row always remaining visible at the top, or scroll horizontally while having fixed columns visible at all times.
See demo

Top
Selecting

You can easily select multiple rows using Ctrl + Click/Shift + Click, built-in GridClientSelectColumn or by simply dragging a range over the rows which you want to select.
See demo

Top
Exporting Data

With RadGrid you can easily export data to Microsoft Excel, Microsoft Word, CSV, and PDF. The export functionality empowers you to customize the appearance of your exported document prior to exporting.

See demo

Top
Filtering

The Telerik ASP.NET AJAX Grid allows you to filter data via a filtering dropdown menu with the expressions applicable for the respective data type. Additionally, it enables you to filter data right from the header context menu.

Top
Hierarchical Grids

RadGrid allows presentation of related DataTables or custom objects with parent/child relations as a hierarchical structure of tables. A unique feature of the component is the ability to have more than one table in the same level of hierarchy. The Telerik ASP.NET Grid also supports self-referencing hierarchy. This functionality builds multiple levels of hierarchy from a single table in the datasource by specifying self-referencing relations inside the same source table. In addition, the RadGrid’s nested view template feature gives you the freedom to design the overall structure and appearance of the detail tables in your hierarchical grid. The RadGrid also supports client, server and ajax on-demand load modes for hierarchies, as well as declarative hierarchy relations.

See demo

Top
Outlook-style Grouping

You can easily implement multilevel Outlook-style grouping of data from a single table - just drag the column header to the group panel. This group panel allows you to define the grouping order and hierarchy. You can also programmatically group the data using group-by expressions. When grouping data, you can even group by multiple columns and at the same time use all sorting and filtering features of the Telerik ASP.NET AJAX Grid. Groups can be expanded on the server, the client or in mixed mode, providing you unlimited customization options.
See demo

Top
Variety of Data Editing Modes

With the RadGrid you can, with little to no code, insert, update and delete data though auto-generated and custom edit forms. This includes in-line, in-forms, form template, web user controls, and pop-up edit forms.
See demos

Top
Rich Set of Column Types

Telerik RadGrid supports all widely used column types including EditCommandColumn, BoundColumn, CheckBoxColumn, DropDownColumn, ButtonColumn, HyperLinkColumn, ClientSelectColumn, RatingColumn, etc. It also allows for using columns integrated with other Telerik controls such as GridDateTimeColumn, GridNumericColumn, GridMaskedColumn, GridHTMLEditorColumn as well as GridTemplateColumns, which give you complete freedom over the column’s layout and formatting.
Top
Extended Functionality through Integrated Controls

All the controls included in the ASP.NET AJAX suite are now incorporated in a single assembly, which results in an extremely flexible architecture and unlimited customization capabilities. The controls from the ASP.NET AJAX suite can be easily integrated with each other, facilitating the development process.
For example, RadSlider is now integrated with the RadGrid for enhanced paging and scrolling experience. RadMenu is also embedded as a rich filtering menu, as well as a header context menu. Telerik ASP.NET AJAX Grid allows you to edit data through the integrated RadEditor, RadDatePicker, RadInput, RadComboBox and RadUpload editors. With the help of these controls you can manage various data entries including text, numerical, dates, binary images, etc.
Through integration with RadAjax and loading indicators the RadGrid can dramatically improve responsiveness, simulating a desktop-like behavior and minimizing the traffic to the server.

Top
NestedView Template

RadGrid gives you the ability to data bind the controls in a nested view template to a single item of a specified data source. The NestedViewSettings allow you to specify a data source object contained on the page to which the template should be bound, as well as a relation to the parent level. The nested view template also supports server-on-demand load mode and declarative hierarchy relations.

See demo

Top
Search Engine Optimization

RadGrid for ASP.NET AJAX strictly follows the principles of Search Engine Optimization. When it has detected a search engine the RadGrid allows crawlers to follow and index its entire content page by page, thus improving data visibility. Furthermore, a search engine hit will take you directly to the particular grid page.
Top
Appearance

RadGrid is shipped with a rich set of skins that allow you to easily build slick interfaces with the look-and-feel of Windows 7, Office 2007, Outlook, etc. The skins can be easily switched using a single property. RadGrid also enables you to apply conditional formatting to grid elements for enhanced readability and usability of the displayed data.

Top
VS Plug-in for Testing RadControls

Telerik's automated software testing tool Test Studio employs a rich set of features to help you automate AJAX-intense web content. You can test complex UI actions like drag-and-drop, invoke JavaScript functions from your test code, and perform logging actions. Additionally, the test recorder makes it easy to wait on AJAX operations before executing a specific verification. What’s more, Test Studio is the best way to test RadControls for ASP.NET AJAX. The powerful test recorder automatically detects the controls and exposes commonly used verifications. Learn more
Top