title: Display datagrid details from the combobox selecteditem
body: <p>I have a <code>combobox</code> and a <code>datagrid</code> in my application. The datagrid has its itemsSource from its collectionViewSource and there are three <code>ComboBoxItem</code>'s in the combobox as warning/error/exception as shown in the image below.
  <img src="https://i.stack.imgur.com/O56Cs.png" alt="enter image description here"></p>
  
  <p>How to display the selecteditem row details on the datagrid when the respective <code>ComboxBoxitem</code> is selected.</p>
  
  <p>this what I have tried. 
  Combobox - XAML</p>
  
  <pre><code>&lt;ComboBox 
  SelectedValuePath="{Binding ElementName=dataGrid1,Path=SelectedItem.Type,Mode=OneWay}"
  Grid.Column="1" Height="32" HorizontalAlignment="Left" Name="comboBox1" &gt;
  &lt;ComboBoxItem Content="Warning"/&gt;
  &lt;ComboBoxItem Content="Error"/&gt;
  &lt;ComboBoxItem Content="Exception"/&gt;
  &lt;/ComboBox&gt;
  </code></pre>
  
  <p>datagrid's XAML</p>
  
  <pre><code>&lt;DataGrid AutoGenerateColumns="False" 
  IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding}" Name="dataGrid1"&gt;
  </code></pre>
  
  <p>is it possible to achieve this via XAML skipping code behind ? if not other suggestions are also most welcome.</p>