Templates - ASP.NET MVC Navigation Pane Extension Demo

ASPxGrid Interactive Lessons

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

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

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).Text

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

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).Text

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

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).Text

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

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).Text

Lesson 5: Look and Feel Customization (357k).Text

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).Text

Lesson 6: Implementing Templates (526k).Text

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.

This sample demonstrates the use of templates within the DevExpress MVC Navigation Bar.

Templates for the header, collapsed header and the content of a group are used in this demo. These templates are assigned by using the NavBar's SetGroupHeaderTemplateContent, SetGroupHeaderTemplateCollapsedContent and SetGroupContentTemplateContent methods, respectively. These methods contain a parameter that represents the NavBarGroupTemplateContainer object, providing settings of a templated element.

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

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

Your Next Great MVC App Starts Here

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

DevExpress MVC Extensions 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.