I have two comboboxes on the same app view. One works properly and the other one doesn't.
The issue is that the workOrderType combo isn't showing the selected/existing value that's already in the object source. The selections are in the dropdown/combo correctly, but when it loads it shows only the placeholder.
Below is my relevant code. I'm omitting the part that loads the original item. When I do a pause on the javascript, I can see that detail.WorkOrderTypeId does have a correct value. Any ideas what might be causing this?
$scope.statusComboOptions = { dataSource: new kendo.data.DataSource({ data: [] }), placeholder: "Select a Status", filter: "startswith", dataTextField: "Description", dataValueField: "Id"}$scope.workOrderTypeComboOptions = { dataSource: new kendo.data.DataSource({ data: [] }), placeholder: "Select a Work Order Type", filter: "startswith", dataTextField: "Description", dataValueField: "Id"}var asyncPromises = [];asyncPromises.push(workOrdersService.getStatuses().then(function (data) { $scope.statusComboOptions.dataSource.data(data);}));asyncPromises.push(workOrdersService.getWorkOrderTypes().then(function (data) { $scope.workOrderTypeComboOptions.dataSource.data(data);}));$q.all(asyncPromises).then(function () { $scope.asyncResolved = true;});
<div class="control-group"> <label>Status</label> <select kendo-combo-box k-options="statusComboOptions" ng-model="detail.StatusId" k-ng-delay="asyncResolved"></select></div><div class="control-group"> <label>Work Order Type</label> <select kendo-combo-box k-options="workOrderTypeComboOptions" ng-model="detail.WorKOrderTypeId" k-ng-delay="asyncResolved"></select></div>