Grid for ASP.NET AJAX

Home / Products / ASP.NET AJAX Controls / Grid

Overview

When it comes to web Datagrids, fast loading of large data combined with advanced Excel-like operations has been always a challenge. Having a solid experience in web technologies, we designed our AJAX powered ASP.NET Grid to eliminate this tradeoff. Codeless databinding, rich client-side operations, myriad of features topped with an unbeatable performance is what we call 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 codeless databinding – server, client and WebServices (can be both server and client)
- Server - It 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. You can also 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 wtih 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
- WebServices – RadGrid can retrieve data also through WebServices – client side and server side
WebServices client binding demos
WebService sevrer 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 data-base server thanks to the LINQ to SQL databinding.
See demo

Top
Unbeatable Performance

Thanks to a very optimized databinding logic, the Telerik ASP.NET Grid provides swift behavior of all key capabilities such as paging, grouping, sorting, etc. 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.

Top
HTTP and ViewState Compression

RadControls for ASP.NET AJAX includes a special module that allows you to compress the entire AJAX traffic completely codelessly resulting in less traffic and faster page load. With the help ot RadCompression you can further enhace your Grid 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 skins in design-time and easily switching between them - the Choose Skin command in RadMenu Smart tag automatically detects the preset skins
- Design-time support for declarative ASP.NET 2.0 datasources
- A rich Smart Tag and Property Builder dialog for customization of all key grid features.
Top
Hierarchical Grids

RadGrid allows presentation of related DataSets as hierarchical structures of tables. A unique feature of the component is the ability to have more than one tables in the same level of hierarchy. The Telerik ASP.NET Grid also supports self-referencing hierarchy - building multiple levels of hierarchy from a single table in the datasource by specifying relations inside the same level. Hierarchy can be expanded on the server, the client or in mixed mode providing you unlimited customization options.
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(s) to the group panel, which defines the groping order and hierarchy. You can also programmatically group the data using the group-by expressions. When using grouped data, you can even have grouping by two columns and at the same time use all sorting features of the Telerik ASP.NET AJAX Grid (e.g. group by one/two column(s) and sort by another column). Groups can be expanded on the server, the client or in mixed mode providing you unlimited customization options.

See demo
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 various functions performed on-the-fly client-side: expand/collapse, delete, resize, reorder, select, scroll (with option for static headers and static columns). With Q2 2008 RadGrid gets significant enhancements aiming at boosting performance and facilitating client-side experience. As a result, users receive blazing speed that does not come at the price of stability:
- Shared Date Pickers - Very often users need to use RadDatePicker inside a grid or list component and in case there are lots of records the standard approach is not the best choice. With this improvement you can enable date pickers for hundreds and thousands of traditional TextBox controls with just a few lines of code.
- Global cancelable client-side Command event which will be raised for all RadGrid post-back commands (paging, sorting, filtering, group/ungroup, etc.)
- Client-side sort and filter expressions
- Client-side properties for current page index, virtual items count and multi column sorting
- Client-side property for grid data source and dataBind() method
- FindControl(id) method for GridDataItem on client now provides similar developer experience as the one you have on the server. Users can also take advantage of the toDynamicLinq() method which will create LINQ expression that can be used directly with Dynamic LINQ library.
See demo

Top
Variety of Data Editing Modes

With RadGrid you can codelessly Insert/update/Delete data though auto-generated In-Place and Edit Forms editing. UserControls and Templates as Custom Edit Forms are also supported.

Top
Rich Data Editing Controls

Telerik ASP.NET AJAX Grid allows you to codelessly edit data through the integrated RadEditor, RadDatePicker, RadInput and RadComboBox editors. With the help of these controls, you can manage various data entries - text, numerical, dates, etc. Depending on the column data type, a relevant Editor allows you to edit content in a friendly environment. Telerik RadGrid supports all widely used column types as well as Template columns, which give you complete freedom over the data layout and formatting. Detailed descriptions of each column is provided in RadGrid's documentation.

See demo

Top
Command Row Item for Custom Functions

GridCommandItem can be used to add function buttons in the content area of the RadGrid, such as [Add New Record], [Refresh], [Delete Selected], etc.
Top
Filtering

The Telerik ASP.NET AJAX Grid allows you to filter data by applying filter pattern on a per column basis (for all columns that support filtering GridBoundColumn, GridCheckBoxColumn, etc.) For each column RadGrid will create a filtering dropdown menu with the expressions applicable for the respective data type. The default filter boxes can be customized and replaced with other controls for richer user experience.
See demo

Top
Sorting

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

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 among each other, facilitating the development process. For example, RadSlider is now integrated in RadGrid for enhanced paging and scrolling experience. RadMenu is also embedded as a rich filtering menu.

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
AJAX

Through Integration with RadAjax and loading indicators RadGrid dramatically improves responsiveness, simulating a desktop-like behavior and minimizing the traffic to the server. AJAX-based virtual scrolling mode is provided for fast navigation in large data structures.
Top
Exporting Data

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

Top
Scrolling with Static Headers and Frozen Columns

Besides scrolling with static headers, the Telerik ASP.NET AJAX Grid also supports frozen columns. This feature allows you to freeze a pane in your Grid datasheet/document, such that the rest of the Grid scrolls and the frozen cells stay in place, thus bringing Excel-like functionality. It's very useful for very wide tables with many columns of data.
See demo

Top
Search Engine Optimization

RadGrid for ASP.NET AJAX completely follows the principles of Search Engine Optimization. When detecting search engines, RadGrid allows crawlers to follow and index the whole content page by page, thus improving data visibility. Furthermore, a search engine hit would take you directly to the particular grid page.
Top
XHTML Standards Compliancy

The ASP.NET Grid by Telerik is compliant with the XHTML 1.1 requirement. RadGrid also has full support for keyboard navigation.
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 Vista, 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
Codeless Test Automation for RadGrid

Now you can record, execute and debug functional tests for RadGrid without leaving the familiar Visual Studio environment. Telerik WebUI Test Studio is an advanced click and play web application testing tool specialized for automating ASP.NET AJAX applications. The Studio ships with special translators for Telerik RadControls for ASP.NET AJAX.

Top