Templates - ASP.NET AJAX Navigation Bar Control Demo

ASPxGrid Interactive Lessons

Lesson 1: Data Binding, Logic for Update and Delete Operations (442k)

Lesson 1: Data Binding, Logic for Update and Delete Operations (442k)

This lesson guides you through the basic setup and customization of the ASPxGrid. It shows you how to create a grid control and bind it to an MDB table allowing the grid columns to be auto-generated. Additionally, it demonstrates the basic logic which is implemented to handle updates, deletes and inserts of the grid rows.
Note: that many of the steps in this lesson are required to create the grid control's data source. If you already have one created, only a couple of clicks is required to display its data using the ASPxGrid.
Lesson 2: Column Customization, Inplace Editor for a Column (332k)

Lesson 2: Column Customization, Inplace Editor for a Column (332k)

This lesson will guide you through the basics of customizing columns - such as retrieving columns, accessing and managing the columns collection at design time. It also shows how to format the values of specific grid columns for display purposes.
Additionally, it demonstrates the use of an editor from the ASPxDataControls Library for a column's inplace editing and shows how the editor's specific settings can be easily customized.
Lesson 3: Preview Sections, Group and Total Summaries, RowBtnColumn (248k)

Lesson 3: Preview Sections, Group and Total Summaries, RowBtnColumn (248k)

In this lesson you will learn how to display preview sections within the grid control, how to create and customize group and total summaries, how to add a column of the RowBtnColumn type to the grid and change the column's default buttons and adjustment.
Lesson 4: Creating an Auto-Calculated Column (330k)

Lesson 4: Creating an Auto-Calculated Column (330k)

In this lesson you will learn how to create a column whose values will be calculated automatically on the client side based upon the values of other grid columns. This column will contain a total summary which is calculated dynamically on the client and will allow any client sorting operation to be performed against its displayed values.
So in addition to the steps of creating and customizing a column and its summary item this lesson demonstrates how to handle specific client-side events of a column and the grid control.
Lesson 5: Look and Feel Customization (357k)

Lesson 5: Look and Feel Customization (357k)

This lesson demonstrates the basics of customizing the grid's style. You will learn how to apply a predefined style scheme to a grid, how to customize a primitive look and feel element's style and how to access and modify the individual item styles of a grid control and a column.
Lesson 6: Implementing Templates (526k)

Lesson 6: Implementing Templates (526k)

This lesson will teach you how to create a server-side template for a column's edited cell and implement client-side support for the template. The template will be defined using a web user control which will contain two editors from the ASPxDataControls Library.
You will find out which client-side events should be handled in order to support the template's child controls in full on the client side for the purposes of editing.

- Description
- Description
- ASPX
- ASPX
- C#
- C#
- VB
- VB
- Lessons.xml
- Lessons.xml

This sample demonstrates the use of the template technology in the ASPxNavBar control. The look of each basic element of the navbar control can be completely changed by creating a specific template which defines how the element will be rendered by a client browser.

The navbar control is bound to an XmlDataSource object that retrieves data stored in a specific xml file. The navbar's GroupDataBound event is handled to assign a specific group content template to the ContentTemplate property of a group when it is being bound to its data. (See VB or C# code)

ContentTemplate.ascx represents a UserControl that supports the ITemplate interface by implementing the InstantiateIn method and contains a set of child controls which compose the group contents based upon the required design.

The DataBindContentUserControl method (see VB or C# code) demonstrates how the UserControl's child controls can be bound to the required data passed to the GroupDataBound event.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.

You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).

Open CS Solution

Open VB Solution

The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos

Your Next Great ASP.NET App Starts Here

Get started today and download your 30-day trial of ASP.NET Controls and Libraries (includes 30 days of free technical support).
All demos ship with full source code and are included in the DevExpress ASP.NET distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress ASP.NET Controls and Libraries ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.