Mehul Harry's DevExpress Blog

This Blog

News


Mehul Harry is the DevExpress Web Program Manager. Follow him on twitter: @Mehulharry

Subscribe (RSS, Email)

Archives

ASP.NET GridView Enhancements - Merged Groups, Header Filter Search, & More (Coming soon in v17.2)

In the next major release, v17.2, we're adding some great new features to the DevExpress ASP.NET GridView. All the features below will be available for both the ASP.NET WebForms and ASP.NET MVC versions of our GridView:

Merged Column Grouping

We're introducing a new way to display grouped rows in the ASP.NET GridView control. Currently, you can display grouped rows so that the first grouped column is displayed above the other columns and the data is nested underneath:

Starting with v17.2, you can now use the new option that will remove the nested group rows and merge them into a single 'grouping line':

This saves space and also provides more space to display data rows. This is an option so both display types are available, however, I prefer the merged grouping. This feature was inspired by our excellent WinForms Grid control.

Header Filter Search

We're also improving the Grid's Header Filter feature by adding a search text box. Take a look at this animation to see it in action:

The new 'header filter search' can help your end-users save even more time when searching through a large number of records.

Easier Exporting API

Another improvement in the next release is that we've moved the export functionality from the ASPxGridViewExporter to ASPxGridView class. Now you can export the Grid using a single line of code: grid.ExportTo...

This change also helped us to create export commands for the ToolBar and Context Menu. We've updated all our export demos by using toolbar export items. You can see an example of this by downloading v17.2 beta today or wait till the official v17.2 release when we'll update our online demos too.

Adaptive Popup Dialogs

And last but not least is another great adaptive feature.

Starting with v17.2, we now use the Popup Control's Adaptive feature for all of the GridView's inner popup controls: HeaderFilter, EditForm, and FilterBuilder. This feature will make using the excellent DevExpress ASP.NET GridView control better and make sure that the results look good on mobile devices.

For example, here's the ASPxGridView's PopupEditForm on a desktop browser:

When you view the same PopupEditForm on a mobile device, the new adaptive dialog will look like this:

The new feature is disabled by default but you can customize it using the Grid.SettingsPopup.EditForm.SettingsAdaptivity.Mode property. For example:

ASPxGridView.EditFormLayoutProperties.SettingsAdaptivity.AdaptivityMode = SingleColumnWindowLimit
ASPxGridView.SettingsPopup.EditForm.SettingsAdaptivity.Mode = OnWindowInnerWidth

Other ASPxGridView popup elements like 'Header Filter Popup' and 'Filter Builder Popup' will be adaptive by default.

Try it today

You can test these new features today by downloading the DXperience v17.2 Beta that is available in your download center (for existing customers).

Thanks!

Email: mharry@devexpress.com

Twitter: @mehulharry

Published Nov 08 2017, 10:04 AM by
Filed under: , ,
Bookmark and Share

Comments

will s

Looks great! Nested grouping is a great idea.

Will existing Export code continue to work, or will the Project Converter do some namespace updates for us?

November 10, 2017 9:57 AM

Mehul Harry (DevExpress)

@Will,

Thanks. The old export code will continue to work.

November 13, 2017 11:47 AM

About Mehul Harry (DevExpress)

Mehul Harry is an ASP.NET technical evangelist at Developer Express. You can reach him directly at mharry@DevExpress.com. You can also follow him on Twitter: http://twitter.com/mehulharry
LIVE CHAT

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at info@devexpress.com or call us at +1 (818) 844-3383

FOLLOW US

DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2017 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners