<div class="span4" data-bind="with: singleQaItem">
<div class="span6">
Qa Item Grouping <br /><input type="text" list="editQaItemGroupings" data-bind="value: QaItemGrouping().QaItemGroupingDesc" autocomplete="off">
<datalist id="editQaItemGroupings">
</datalist>
</div>
</div>
In the above html, singleQaItem is a breeze entity which also contains a foreign key property which is fetched using .expand. That property is QaItemGrouping().QaItemGroupingDesc to which the datalist control is bound.
In the UI when I modify the value of this property and save, I find that breeze is actually modifying the QaItemGrouping entity as it gets the entityState modified for this entity. But I am not modifying the QaItemGrouping entity. I am modifying the QaItemGrouping().QaItemGroupingDesc property which belongs to singleQaItem entity.