{"id":2709,"date":"2022-10-11T21:36:01","date_gmt":"2022-10-11T21:36:01","guid":{"rendered":"http:\/\/putridparrot.com\/blog\/?p=2709"},"modified":"2022-10-11T21:36:01","modified_gmt":"2022-10-11T21:36:01","slug":"a-few-tips-and-tricks-for-using-infragistics-xamdatagrid","status":"publish","type":"post","link":"https:\/\/putridparrot.com\/blog\/a-few-tips-and-tricks-for-using-infragistics-xamdatagrid\/","title":{"rendered":"A few tips and tricks for using Infragistics XamDataGrid"},"content":{"rendered":"

Note: This post was written a while back but sat in draft. I’ve published this now, but I’m not sure it’s relevant to the latest versions etc. so please bear this in mind.<\/em><\/p>\n

I’m working on a project using the XamDataGrid. I’ve used the UltraWinGrid by Infragistics in the past but that doesn’t help at all when moving code from Windows Formds to WPF. So here’s a list of a few commonly required features and how to do them using the XamDataGrid.<\/p>\n

Note: this post only refers to using version 12.2<\/em><\/p>\n

Grid lines<\/strong><\/p>\n

Problem:<\/em> By default there are no grid lines on the XamDataGrid.<\/p>\n

Solution:<\/em> In your ResourceDictionary (within Generic.xaml or wherever you prefer) add the following<\/p>\n

\r\n<Style TargetType="{x:Type igDP:CellValuePresenter}">\r\n   <Setter Property="BorderThickness" Value="0,0,1,1" \/>\r\n   <Setter Property="BorderBrush" Value="{x:Static SystemColors.ControlLightBrush}" \/>\r\n<\/Style>\r\n<\/pre>\n
Obviously replace the BorderBrush colour with your preferred colour.<\/p>\n
Remove the group by area<\/strong><\/p>\n
Problem:<\/em> I want to remove the group by section from the XamDataGrid.<\/p>\n
Solution:<\/em> In your ResourceDictionary (within Generic.xaml or wherever you prefer) add the following<\/p>\n
\r\n<Style x:Key="IceGrid" TargetType="igDP:XamDataGrid">\r\n   <Setter Property="GroupByAreaLocation" Value="None" \/>\r\n<\/Style>\r\n<\/pre>\n
don’t forget to apply the style to your grid, i.e.<\/p>\n
\r\n<dp:XamDataGrid Style="{StaticResource IceGrid}" DataSource="{Binding Details}">\r\n   <!- Your grid code -->\r\n<\/dp:XamDataGrid>\r\n<\/pre>\n
Column formatting<\/strong><\/p>\n
Problem:<\/em> We want to change the numerical formatting for a column<\/p>\n
Solution:<\/em> We can set the EditorStyle for a field (editor doesn’t mean it will make the field editable)<\/p>\n
\r\n<dp:XamDataGrid.FieldLayouts>\r\n   <dp:FieldLayout>\r\n      <dp:FieldLayout.Fields>\r\n         <dp:Field Name="fee" Label="Fee" Width="80">\r\n            <dp:Field.Settings>\r\n               <dp:FieldSettings>\r\n                  <dp:FieldSettings.EditorStyle>\r\n                     <Style TargetType="{x:Type editors:XamNumericEditor}">\r\n                        <Setter Property="Format" Value="0.####" \/>\r\n                     <\/Style>\r\n                  <\/dp:FieldSettings.EditorStyle>\r\n               <\/dp:FieldSettings>\r\n           <\/dp:Field.Settings>\r\n        <\/dp:Field>         \r\n      <\/dp:FieldLayout.Fields>\r\n   <\/dp:FieldLayout>\r\n<\/dp:XamDataGrid.FieldLayouts>\r\n<\/pre>\n
This code creates a field named fee<\/em> and with the label Fee<\/em> and the editor is set to only display decimal places if they actually exist.<\/p>\n
As we’re defining the fields you’ll need to turn off auto generation of fields, as per<\/p>\n
\r\n<dp:XamDataGrid.FieldLayoutSettings>\r\n   <dp:FieldLayoutSettings AutoGenerateFields="False" \/>\r\n<\/dp:XamDataGrid.FieldLayoutSettings>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Note: This post was written a while back but sat in draft. I’ve published this now, but I’m not sure it’s relevant to the latest versions etc. so please bear this in mind. I’m working on a project using the XamDataGrid. I’ve used the UltraWinGrid by Infragistics in the past but that doesn’t help at […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[84,13,85],"tags":[],"class_list":["post-2709","post","type-post","status-publish","format-standard","hentry","category-infragistics","category-wpf","category-xamdatagrid"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/2709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/comments?post=2709"}],"version-history":[{"count":4,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/2709\/revisions"}],"predecessor-version":[{"id":9600,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/2709\/revisions\/9600"}],"wp:attachment":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/media?parent=2709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/categories?post=2709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/tags?post=2709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}