Scott on Writing

Musings on technical writing...

Your Daily Tip to Save Yourself 15 Minutes of Wasted Time

Thought I'd jot this donw - hopefully someone out there will read it and save the 15 minutes I lost to working on this little “gotcha” problem.

Scenario: You have a DataGrid with two columns.  The first is a BoundColumn, the second a TemplateColumn.  In the TemplateColumn you have a RadioButtonList.  The idea is to have the user select precisely one option from the second column for each item in the first one.  Basically, the DataGrid markup looks like:

<asp:DataGrid ...>
   <Columns>
      <asp:BoundColumn ... />
      <asp:TemplateColumn>
         <ItemTemplate>
             <asp:RadioButtonList id=”radList” ... />
         </ItemTemplate>
      </asp:TemplateColumn>
   </Columns>
</asp:DataGrid>

Now, this RadioButtonList needs to be bound to a list of options.  Since the options are the same for all items in the DataGrid (and therefore not specific on the particular row), you figure that you'll use the DataGrid's ItemCreated event to do this.  (FIRST MISTAKE!)  The event handler looks something like:

Sub MyDataGrid_ItemCreated(...) Handles MyDataGrid.ItemCreated
   If e.Item.ItemType = ... Then
      'Get a reference to the RadioButtonList
      Dim radList as RadioButtonList = CType(...)

      'Bind the data
      radList.DataSource = ...
      radList.DataBind()
   End If
End Sub

The above will work just fine, although it is a bit inefficient (more on that later).  Now, if you were to see the DataGrid, you'd see a series of rows with the second column in each row with a set of radio buttons.  However, no radio button is selected by default.  Ok, easy enough, go and add radList.SelectedIndex = 0 right after the radList.DataBind() call, right?  Well, you'd think that work, but it doesn't.  No error, of course, just no selected radio button.

Now, if you are like me, you spend the next 15 minutes thinking about this, opening Reflector, reading the docs, and being generally unproductive.

If you want to waste less time, you would simply move this code to the ItemDataBound event rather than ItemCreated.  After ItemCreated, the DataGrid assigns the DataSource record to the DataItem property of the current DataGridItem (e.Item) and then calls the DataBind() method of that DataGridItem.  The DataGridItem propogates the DataBind() call down to its child controls, meaning the RadioButtonList will have its OnDataBinding event fire.  What happens there?  Well, it sees that the DataSource for the RadioButtonList is not null, so it clears out the RadioButtonList items, and rebinds the data!  This, of course, has the negative side-effect of clearing out the SelectedIndex setting.

Solution: anytime you find yourself calling DataBind() for a Web control that exists in a TemplateColumn of the DataGrid, make sure you are doing so in the DataGrid's ItemDataBound event, otherwise the data will be bound twice to the Web control, which will not only be less efficient, but might have negative side-effects, as seen here.

posted on Tuesday, July 20, 2004 12:24 PM

Feedback

# Scott Mitchell's Time Saver 7/27/2004 7:45 PM OdeToCode News

# Scott Mitchell's Time Saver 7/29/2004 6:57 AM OdeToCode News

# re: Your Daily Tip to Save Yourself 15 Minutes of Wasted Time 2/8/2006 3:51 AM Damon Birch

Excellent

Just wasted a day on this, not just 15 minutes!


Thankyou

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.
<July 2009>
SMTWTFS
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678

Comment Stats

DayTotal% of Total
Sunday 2046.9%
Monday 42314.3%
Tuesday 50116.9%
Wednesday 54518.4%
Thursday 57219.3%
Friday 53618.1%
Saturday 1856.2%
Total 2966100.0%

Hour1Total% of Total
12:00 AM 752.5%
1:00 AM 802.7%
2:00 AM 672.3%
3:00 AM 812.7%
4:00 AM 642.2%
5:00 AM 1234.1%
6:00 AM 1153.9%
7:00 AM 1755.9%
8:00 AM 1876.3%
9:00 AM 1565.3%
10:00 AM 1866.3%
11:00 AM 1926.5%
12:00 PM 1996.7%
1:00 PM 1846.2%
2:00 PM 1675.6%
3:00 PM 1344.5%
4:00 PM 1153.9%
5:00 PM 1063.6%
6:00 PM 993.3%
7:00 PM 1063.6%
8:00 PM 903.0%
9:00 PM 842.8%
10:00 PM 893.0%
11:00 PM 923.1%
Total 2966100.0%

Comments by Blog Entry Date/Time

Day Entry MadeAvg.Total
Sunday 4.91157
Monday 4.92379
Tuesday 4.21471
Wednesday 7.42668
Thursday 6.53666
Friday 5.17450
Saturday 4.73175
Total 5.522966

Hour1 Entry MadeAvg.Total
12:00 AM 5.2937
1:00 AM 1.002
5:00 AM 0.000
7:00 AM 4.0048
8:00 AM 4.29133
9:00 AM 6.04290
10:00 AM 5.83274
11:00 AM 4.36192
12:00 PM 6.44348
1:00 PM 3.14132
2:00 PM 5.04227
3:00 PM 7.97303
4:00 PM 3.8199
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.522966

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


Blog Stats

Favorite Web Sites

My Books

My MSDN Articles