ASPxGridView Advantage #1: Grouping Done Right

20 July 2007

The Problem:

When you enable grouping in your grids, a certain behavior is expected. Microsoft Outlook and other great programs have made us expect certain actions and look-and-feel.

Whether you're expanding, collapsing, adding or removing from the grouped rows, you expect one thing: a smooth and proper display of the grid after the grouping operation has taken place.

The Solution:

That's exactly what you'll get with the ASPxGridView. Smooth operations without postbacks. You're now able to enhance and enrich your customers experience by simply using a better grid, the ASPxGridView.

Example #1, Proper Collapsing:

For example, when displaying ten rows per page like this ASPxGridView Grouping Example:

image

If you collapse the top grouped row labeled Argentina then you'll except to see the three rows disappear under the Argentina grouped row.

No problem, however, with ten items per page displayed, you'd also expect to see three items take it's place. A weaker grid will simply collapse the viewable area.

ASPxGridView will show three more items to replace the collapsed area:

image

The Argentina grouped rows has now been collapsed. In it's place, appearing at the bottom of the grid, are the items from Page 2 (the Brazil Grouped Row). Brazil having more items is also labeled "Continued on the next page".

Example #2, Better Grouped Rows Display:

If you navigate to the 2nd Page, you'll see a very useful feature that is unique to the ASPxGridView:

image

Instead of wasting space with another grouped row for Brazil, there is a special icon on the first row which is continued from the previous page. If you mouseover this icon then you'll see the hint labeled "Country: Brazil". You can now show more with the grid because less space is wasted to redisplay unnecessary items.

Example #3, Real ViewState:

When swtiching between different pages, you don't want to have the view reset. Maintaing viewstate is an important feature to you and your customers. Therefore, the ASPxGridView uses a very lightweight and accurate implementation to maintain viewstate.

You'd be surprised that many grids are not capable of maintaining proper viewstate between page changes. Navigate back to Page 1 on the same demo and you'll be pleasantly surprised to see this from the ASPxGridView:

image

That's right, it's the Page exactly as you have left it with the Argentina grouped row collapsed.

It's in the details...

Can these small details benefit your application? Absolutely!

After all, it's this type of attention to details that we all look for and hope to provide to our customers. 

1 comment(s)
Crono

Me looking at example #1:

Hey right, didn't even think about that. Very nice!

Me looking at example #2:

Okay, makes sense...

Me looking at example #3:

Oh... my... GOD! Now THIS is what I call a powerful grid!

Me looking at online demos:

I just can't wait to migrate to .NET 2.0!!!

26 July, 2007

Please login or register to post comments.