title: How to refresh the kendo drop down list dynamically?
body: <p>Is there anyway to refresh/update the kendo drop down list after an item is selected in the list?</p>
  
  <p>Ex: I have 10 items in the list and when user selects item number 7 i don't want to see 7th item in the drop down.</p>
  
  <pre><code>$scope.macAddressSource = new kendo.data.DataSource({
    batch: true,
    transport: {
      read: deviceSvc.getEncodersReadyForCommissioning
    },
    //schema: {
    //    total: "totalItems",
    //    data: "items"
    //},
    serverPaging: true
  });
  
  $scope.updateMacAddress = function() {
    $scope.macAddressSource.remove($scope.macAddress);
    $scope.macAddressSource.sync();
  };
  
  $scope.macAddressOptions = {
    optionLabel: {
      id: null,
      description: $rootScope.$translate.instant("- None -")
    }
  };
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select kendo-drop-down-list="widgets.deptdropdown" name="dropdown-macAddress" k-data-source="macAddressSource" k-data-text-field="'description'" k-data-value-field="'id'" tabindex="4" k-options="macAddressOptions" ng-model="macAddress" class="col-md-12 ph0 mb-sm"
  data-qaid="ddl-encodermacAddress"&gt;&lt;/select&gt;
  </code></pre>