Scott on Writing

Musings on technical writing...

Adding Up and Down Arrow Images to a Sortable GridView

Prior to ASP.NET 2.0, I wrote an article on 4Guys showing how to add up and down arrow images to a sortable DataGrid's column headers to visually depict the column and direction the grid was sorted by (read the article; see a live demo). In particular, my approach required the page developer to add a bit of code to the ASP.NET page's code-behind class that would enumerate the grid's columns and remove the up/down arrow <img> tag for columns that were not currently being sorted, and would add the appropriate <img> tag to the column the data was sorted by.

I recently updated this functionality for the GridView control, but rather than require that the page developer add code to the ASP.NET page, I instead created a custom server control that extended the GridView. This control automatically adds the up/down arrow image when the grid is sorted.

To check out this code and a demo application, and to learn more about the inner workings of this custom server control, be sure to read my latest 4Guys article: Extending the GridView to Include Sort Arrows.

posted on Tuesday, January 22, 2008 1:40 PM

Feedback

# re: Adding Up and Down Arrow Images to a Sortable GridView 2/5/2008 5:32 PM Scott Mitchell

I've updated this control, improving the means by which the sort arrows are added. I've also added two additional properties for customizing the appearance of the sort column's header cell. Read more at:
http://aspnet.4guysfromrolla.com/articles/020608-1.aspx

# re: Adding Up and Down Arrow Images to a Sortable GridView 2/13/2008 7:15 PM cxspan

This is great and just what I was looking for, thanks! One question though: what if (for whatever reason) you have two columns with the same sort expression?? Is there no way to reference the column being sorted by index rather than matching on the sort expression string?

# re: Adding Up and Down Arrow Images to a Sortable GridView 2/13/2008 7:20 PM cxspan

Sorry, I guess I should explain the problem too as it may not be obvious to some readers. If you have two columns with the same sort expression, and the *2nd* column is sorted, the code will apply the styles/arrows to the *1st* column instead, b/c it will be the first to match the sort expression when looping through the DataControlField's.

Thanks again!

Title:  
Name:  
Url:
Protected by Clearscreen.SharpHIPEnter the code you see:
Comments   

My Links

Ads Via DevMavens

Archives

Post Categories

 

I am a Microsoft MVP for ASP.NET.
I am an ASPInsider.
<November 2009>
SMTWTFS
25262728293031
1234567
891011121314
15161718192021
22232425262728
293012345

Comment Stats

DayTotal% of Total
Sunday 2046.8%
Monday 42514.2%
Tuesday 51017.0%
Wednesday 55118.4%
Thursday 57919.3%
Friday 54318.1%
Saturday 1876.2%
Total 2999100.0%

Hour1Total% of Total
12:00 AM 762.5%
1:00 AM 812.7%
2:00 AM 672.2%
3:00 AM 822.7%
4:00 AM 672.2%
5:00 AM 1254.2%
6:00 AM 1183.9%
7:00 AM 1785.9%
8:00 AM 1926.4%
9:00 AM 1575.2%
10:00 AM 1866.2%
11:00 AM 1936.4%
12:00 PM 2006.7%
1:00 PM 1846.1%
2:00 PM 1685.6%
3:00 PM 1354.5%
4:00 PM 1153.8%
5:00 PM 1063.5%
6:00 PM 1013.4%
7:00 PM 1063.5%
8:00 PM 923.1%
9:00 PM 872.9%
10:00 PM 893.0%
11:00 PM 943.1%
Total 2999100.0%

Comments by Blog Entry Date/Time

Day Entry MadeAvg.Total
Sunday 4.94158
Monday 4.79383
Tuesday 4.13475
Wednesday 7.44677
Thursday 6.24674
Friday 5.02457
Saturday 4.73175
Total 5.412999

Hour1 Entry MadeAvg.Total
12:00 AM 5.2937
1:00 AM 1.002
5:00 AM 0.000
7:00 AM 3.8550
8:00 AM 3.72134
9:00 AM 6.06291
10:00 AM 5.61275
11:00 AM 4.27192
12:00 PM 6.23349
1:00 PM 3.17133
2:00 PM 5.00230
3:00 PM 7.62320
4:00 PM 3.89105
5:00 PM 6.00168
6:00 PM 4.56114
7:00 PM 8.95188
8:00 PM 8.58163
9:00 PM 5.00115
10:00 PM 6.31101
11:00 PM 4.5732
Total 5.412999

Learn More About Comment Stats
1 - All times GMT -8...


Blog Stats

Favorite Web Sites

My Books

My MSDN Articles