title: ui-grid dropdown editor with complex json object
body: <p>I am using the angular-ui-grid to make an editable grid and have looked over the tutorial here:</p>
  
  <p><a href="http://ui-grid.info/docs/#/tutorial/201_editable" rel="nofollow">http://ui-grid.info/docs/#/tutorial/201_editable</a></p>
  
  <p>Unlike the example where the options are simple structures like gender male/female, I am trying to bind a complex JSON object in my model.  All of the examples I have found are binding to a simple String or Integer object. </p>
  
  <p>Here is an <a href="http://plnkr.co/edit/4VVIeToIvNALwcPFhP46?p=preview" rel="nofollow">example</a> on Plunker (this code was first taken from the tutorial and then slightly modified to show the problem I am facing):  </p>
  
  <p>The core of it is in the columnDef config for the data grid. </p>
  
  <pre><code>{ 
      name: 'product', 
      field: 'product.name',
      enableCellEdit: true, 
      editType: 'dropdown', 
      editDropdownOptionsArray: $scope.products,
      editableCellTemplate: 'ui-grid/dropdownEditor', 
      editDropdownIdLabel: 'name',
      editDropdownValueLabel: 'name'
  }
  </code></pre>
  
  <p>I have tried changing the values for field and editDropdownIdLabel to a variety of options to no avail. If you look at the 3 console.log lines 51-53 in the sample code you will see that as you change the product selected the name changes but the ID stays the same.  I want to be able to pass the whole product object to the backend when ultimately saving changes made in this grid. </p>