Silverlight 3 Dynamic DataGrid RowStyle Ignored
- by antoinne85
I subclassed the standard DataGrid into SpecialDataGrid so I could override the KeyDown/KeyUp events. Other than that SpecialDataGrid is exactly the same as DataGrid.
At run-time I dynamically create a bunch of these SpecialDataGrids. When a user clicks a row in the grid it hightlights, which is fine, but when that grid loses focus, it leaves a residual gray highlight on the last-selected row, which is not fine.
I've heavily edited the RowStyle and CellStyle I'm applying to these Grids to more-or-less remove all formatting.
I even added a static SpecialDataGrid to the app with test data so I could see if the RowStyle was somehow incorrect, applying the same RowStyle and CellStyle that I'm applying to the dynamically generated one (you'll see it in the code below). What I saw was that the "test grid" showed up exactly as I wanted, and the real grid is ignoring part of the RowStyle!
Has anyone run into this issue or have any ideas of how to correct it? Some source and images follow.
Creating the SpecialDataGrid:
//Set up a datagrid.
SpecialDataGrid radio_datagrid = new SpecialDataGrid();
radio_datagrid.ItemsSource = radios;
radio_datagrid.AutoGenerateColumns = false;
radio_datagrid.HeadersVisibility = DataGridHeadersVisibility.None;
radio_datagrid.BorderThickness = new Thickness(0);
radio_datagrid.HorizontalAlignment = HorizontalAlignment.Stretch;
radio_datagrid.IsReadOnly = true;
radio_datagrid.MouseLeftButtonUp += new MouseButtonEventHandler(option_datagrid_MouseLeftButtonUp);
radio_datagrid.KeyDown += new KeyEventHandler(radio_datagrid_KeyDown);
radio_datagrid.KeyUp += new KeyEventHandler(radio_datagrid_KeyUp);
//Radio column.
DataGridTemplateColumn temp_col = new DataGridTemplateColumn();
temp_col.CellTemplate = (DataTemplate)this.Resources["RadioColumnTemplate"];
temp_col.Width = new DataGridLength(20);
radio_datagrid.Columns.Add(temp_col);
//Description column.
DataGridTextColumn txt_col = new DataGridTextColumn();
txt_col.Binding = new Binding("optionlabel");
txt_col.Width = new DataGridLength(350);
radio_datagrid.Columns.Add(txt_col);
//Product code column.
txt_col = new DataGridTextColumn();
txt_col.Binding = new Binding("optioncode");
txt_col.Width = new DataGridLength(80);
radio_datagrid.Columns.Add(txt_col);
//Price column.
txt_col = new DataGridTextColumn();
txt_col.Binding = new Binding("optionprice");
txt_col.Width = new DataGridLength(80);
radio_datagrid.Columns.Add(txt_col);
//View column.
temp_col = new DataGridTemplateColumn();
temp_col.CellTemplate = (DataTemplate)this.Resources["HyperlinkButtonColumnTemplate"];
temp_col.Width = new DataGridLength(30);
radio_datagrid.Columns.Add(temp_col);
radio_datagrid.RowStyle = (Style)this.Resources["StyleDataGridRowNoAlternating"];
radio_datagrid.CellStyle = (Style)this.Resources["Style_DataGridCell_NoHighlight"];
Example Image:
The lower DataGrid appears that way regardless of what you do to it. No highlighting of any sort and certainly no residual highlights. Any idea what's keeping this from being applied to the first?
