WPF DataGrid: Dissecting the Visual Layout

re: WPF DataGrid: Dissecting the Visual Layout

Steve Miller — Wed, 17 Feb 2010 17:35:46 GMT

Vince,

When I set the DataGrid property for HeadersVisibility to 'None' I get the following binding errors during runtime (listed below). I have a grid that I want no headers shown. If I set the property to 'Column' or 'Row' (or anything but 'None') the binding errors go away. Is there a fix or a workaround? I know the warning is harmless, but I want to fix all errors or warnings that appear in the output window of Visual Studio to be certain the xaml is completely correct. I think this is a bug.

Thanks,

Steve

-----------------------

System.Windows.Data Error: 39 : BindingExpression path error: 'IsSelected' property not found on 'object' ''TotalsDataItem' (HashCode=50423602)'. BindingExpression:Path=IsSelected; DataItem='TotalsDataItem' (HashCode=50423602); target element is 'DataGridRow' (Name=''); target property is 'NoTarget' (type 'Object')

System.Windows.Data Error: 4 : Cannot find source for binding with reference 'RelativeSource FindAncestor, AncestorType='Microsoft.Windows.Controls.DataGrid', AncestorLevel='1''. BindingExpression:Path=AreRowDetailsFrozen; DataItem=null; target element is 'DataGridDetailsPresenter' (Name=''); target property is 'SelectiveScrollingOrientation' (type 'SelectiveScrollingOrientation')

re: WPF DataGrid: Dissecting the Visual Layout

Jew — Sat, 05 Sep 2009 16:41:33 GMT

Hi Vin,

How can I create a multirow column header?

Something like this:

| Alphabet | Number|

|A | B | C | 1 | 2 |

re: WPF DataGrid: Dissecting the Visual Layout

shailendrasute — Thu, 06 Aug 2009 08:21:34 GMT

Thanks Vinsibal for excellent article series.

This is what I was looking for.

I was trying to change grid orientation to verticle using control template/style triggers etc. No success.

pl. suggest some way to achieve this.

Thanks again

Shailendra

re: WPF DataGrid: Dissecting the Visual Layout

cheapsaket — Fri, 29 May 2009 04:30:51 GMT

I have grouped my data in a datagrid and used a customized expander to hide the toggle button. I have expanded it to the right. The result is shown below.

<img src"http://i629.photobucket.com/albums/uu13/cheapsaket/datagrid2.png">">http://i629.photobucket.com/albums/uu13/cheapsaket/datagrid2.png">

http://i629.photobucket.com/albums/uu13/cheapsaket/datagrid2.png

My question is how to access/set the value of the column header above group names?

The layout diagram in the post does not address this area so if you can specify what goes there, it would be helpful.

re: WPF DataGrid: Dissecting the Visual Layout

Vincent Sibal - MSFT — Sat, 02 May 2009 17:41:55 GMT

Kerry,

There are a couple things you can do here. You can listen to the AutoGeneratingColumn event and cancel the generation of particular columns or just not do auto-generated columns. Hope that helps.

re: WPF DataGrid: Dissecting the Visual Layout

Kerry — Tue, 28 Apr 2009 18:55:45 GMT

Hi Vin,

thank you for doing all this work. I read your artictle and one thing, that is still missing in the picure to me is the DataGridRowHeader. Since I am developing applications for mathematical use, I am very much interested on being able to build a x/Y axis representation of a grid. Getting to it:

In the four steps above you descibed how each Column gets its data bound and of course I can imagine how to use templates for that. But where does the rowheader get it's data from? If I make an Observable Collection, that contains objecs that have a field for the header this field will also be generated as a column. which really is not what I want :-). So how can I distinguish the Itemsource for the coumn from the Source for the rowheader preventing my rowheader also becoming generated as a colum?

Many regs,

Kerry

re: WPF DataGrid: Dissecting the Visual Layout

Stan — Tue, 28 Apr 2009 16:26:19 GMT

For DataGridCheckBoxColumn, I was hoping you have sth like CheckedValue = "Y", CheckedValue = "*", UncheckedValue = "Whatever", UncheckedValue = "*".

re: WPF DataGrid: Dissecting the Visual Layout

Vincent Sibal - MSFT — Wed, 01 Apr 2009 15:56:06 GMT

sreeraj,

See this thread, http://wpf.codeplex.com/Thread/View.aspx?ThreadId=51923.

re: WPF DataGrid: Dissecting the Visual Layout

sreeraj — Wed, 01 Apr 2009 09:24:02 GMT

Hi Vinsibal,

Hope you are doing fine.

Am fed up with an issue in wpf datagrid . I have a data grid which is having check boxes in first column . Also i have a checkbox outside the Datagrid . When am cheking the checkbox outside the datagrid, i want all the checkboxes inside the grid . I tried implementing this in the following way(Code attached along with this) , but it is showing strange behaviour . Some checkboxes in rows randomly getting checked(if some more clearly says first 10 rows are getting checked after that say 5 not checked again next 10 getting checked and this process continues till the end of records). I have tried solvint this issue using the helper class in the demo application you have published, but still it is showing same behaviour. I dont know why this happening . Am attaching my code here .

Please suggest a solution

Regards

sreeraj

-----------XAML For Grid------------------

<dg:DataGrid Grid.Row="1" AutoGenerateColumns="False" AlternatingRowBackground="SkyBlue" RowDetailsVisibilityMode="Collapsed"

AllowDrop="False" HeadersVisibility="All"

ColumnHeaderHeight="30" FontFamily="Verdana" FontSize="12" Background="#FFFFFFFF"

OpacityMask="#FFF1E3E3" Foreground="#FF000000"

BorderThickness="1" SnapsToDevicePixels="False" CanUserDeleteRows="False" CanUserAddRows="False"

ClipToBounds="False" RowHeight="25"

ScrollViewer.CanContentScroll="True" Padding="0"

VerticalContentAlignment="Center" MinWidth="0" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Visible" GridLinesVisibility="All" Name="grdWorkOrders" Margin="0,0,0,52" Height="150" VerticalAlignment="Top" EnableColumnVirtualization="False">

<dg:DataGrid.Columns>

<dg:DataGridTemplateColumn MinWidth="30">

<dg:DataGridTemplateColumn.CellTemplate>

</DataTemplate>

</dg:DataGridTemplateColumn.CellTemplate>

</dg:DataGridTemplateColumn>

<dg:DataGridTextColumn Binding="{Binding Path=ActivityName}" Header="AIRCRAFT" FontSize="10" MinWidth="110" />

<dg:DataGridTextColumn Binding="{Binding Path=Description}" Header="FLEET" FontSize="10" MinWidth="40" />

<dg:DataGridTextColumn Binding="{Binding Path=Description}" Header="MAINTENANCE FLEET" FontSize="10" MinWidth="40" />

<dg:DataGridCheckBoxColumn Header="RESPONSABILITY"></dg:DataGridCheckBoxColumn>

</dg:DataGrid.Columns>

</dg:DataGrid>

-----------Code Behind --------------------

for (int nCntr = 0; nCntr < grdWorkOrders.Items.Count; nCntr++)

{

var cntr = MyDataGrid.ItemContainerGenerator.ContainerFromIndex(nCntr);

DataGridRow ObjROw = (DataGridRow)cntr;

if (ObjROw == null)

{

ObjROw = (DataGridRow)MyDataGrid.ItemContainerGenerator.ContainerFromIndex(nCntr);

}

else

{

FrameworkElement objElement = MyDataGrid.Columns[0].GetCellContent(ObjROw);

if (objElement != null)

{

if (objElement.GetType().ToString().EndsWith("CheckBox"))

{

CheckBox objChk = (CheckBox)objElement;

objChk.IsChecked = true;

}

re: WPF DataGrid: Dissecting the Visual Layout

Vincent Sibal - MSFT — Sun, 15 Mar 2009 16:55:12 GMT

Brian,

If your DataGridTemplateColumn does not requre a very flexible DataTemplate that dynamically changes all the time, you can consider using a solution similar to what I did in the sample on this post, http://blogs.msdn.com/vinsibal/archive/2008/10/22/wpf-datagrid-and-the-wpftoolkit-have-released.aspx. Take a look at the DataGridCustomTemplateColumn class. In that class I added a Binding DependencyProperty so you can set the binding directly on the column. In the GenerateElement and GenerateEditingElement you can see I walk the visual tree and find the inner control that I want to set the binding to. Hope that can give you some ideas.