Click here to Skip to main content
15,868,056 members
Articles / Web Development / ASP.NET
Article

ASP.NET GridView Filter Template (coming soon in v2013 vol 1)

Rate me:
Please Sign up or sign in to vote.
5.00/5 (1 vote)
9 Jul 2013CPOL2 min read 15.9K   2   1
ASP.NET GridView Filter Template (coming soon in v2013 vol 1)

This article is for our sponsors at CodeProject. These articles are intended to provide you with information on products and services that we consider useful and of value to developers

Customize the filter row any way you choose with the DevExpress ASP.NET GridView in our first major release of DXperience for 2013.

New Filter Template

The DevExpress ASP.NET GridView has added a new template for the Filter Row. The Filter Row allows your end-users to filter the GridView easily and quickly. For example, in the grid image below, I’ve filtered it to find all the produce that has been discontinued:

Image 1

Visual Studio Designer Support

When you’re configuring the DevExpress ASP.NET GridView in Visual Studio, you can use the smart tag and select "Edit Templates”. Then you’ll see the list of available templates for editing:

Image 2

Once you select the “FilterTemplate”, the designer will allow you enter just about anything you want. That’s why ASP.NET Templates are so useful! In the grid below, I’ve added an Image and Text to the Filter Row for the Command Column. But I could enter just about anything else here like another control for filtering.

Image 3

And the final result is a stunning grid with the exact output that I was looking for:

Image 4

Source View Support

If you don’t like the designer, you can use the Source View too:

Image 5

The Most Templates Evah!

The DevExpress ASP.NET GridView is incredibly versatile: it provides the largest set of templates for extending any ASP.NET Grid control.

Take a look for yourself by downloading a free trial: http://www.devexpress.com/Home/Try.xml

Part of 2013.1 Release

The DXperience v2013.1 release will be available to everyone in June 2013 from devexpress.com.

DXperience? What's That?

DXperience is the .NET developer's secret weapon. Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
United States United States
Mehul Harry is the web product manager at Developer Express where he works with and blogs about ASP.NET, HTML 5, and JavaScript. He has produced more than 200 technical videos and interviews on Windows development and developer culture.

He's also a fan of great scotch, family time, travel, and photography.

Check out his other writing and work:
Personal blog: http://www.mehulharry.com/
DevExpress work blog: http://devexpress.com/mehul

Comments and Discussions

 
Questionfilter Pin
Member 132396425-Nov-17 21:00
Member 132396425-Nov-17 21:00 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.