Data Binding ComboBox
<p>I have a class <code>Product</code> with some <code>properties</code> that are set by a <code>WCF</code> <code>async</code> call to the database. I have two <code>textboxes</code> and a <code>combobox</code> and I want to bind the <code>Product</code> object to these <code>controls</code>. Binding <code>textboxes</code> was easy and It works, my only problem is, I dont know how to bind the SelectedItem to the property <code>ProductTypeName</code>?</p>

<p><code>Product</code> class</p>

<pre><code>public class Product
{
 public string Code{get;set;}
 public string Description{get;set;}
 public string ProductTypeName { get; set;}
}
</code></pre>

<p>XAML for <code>textbox</code></p>

<pre><code>&lt;TextBox HorizontalAlignment="Left" 
         x:Name="txtDetails" 
         Text="{Binding Description}"/&gt;
</code></pre>

<p>In code behind I simply create an object of <code>Product</code> and bind it to the DataContext. Works fine for <code>textboxes</code> but have no clue how to do it for <code>ComboBox</code></p>

<pre><code>Product p = new Product();
product.Description = e.Result[0].Description;
product.Code = e.Result[0].Code;
product.ProductTypeName = e.Result[0].ProductTypeName
this.DataContext = p
</code></pre>

<p>Now,I want the SelectedItem of my <code>combobox</code> to be set according to <code>p.ProductTypeName</code> but I dont know how to do that.</p>

<p><strong>NOTE:</strong> My <code>ComboBox</code> is already populated and set at <code>0th index</code>. How can I bind it according to <code>p.ProductTypeName</code>? I think I just need to make changes in my XAML.</p>

<pre><code>&lt;ComboBox Name="cboProductType" 
          DisplayMemberPath="ProductTypeName" 
          SelectedValuePath="ProductTypeID" 
          SelectedIndex="0"/&gt;   
</code></pre>