title: Angular - Kendo treeview checkbox change event firing multiple times
body: <p>I am trying to implement the checkbox change event using angular but seeing the event firing multiple times when a checkbox is clicked. </p>
  
  <p>I have created a <a href="http://plnkr.co/edit/yDNF85J7XiVAlFT9z0uK" rel="nofollow"><strong>plnkr</strong></a> for this, please help. Ideally it should be fired only once.</p>
  
  <pre><code>$scope.treeOptions = {
    checkboxes: {
      checkChildren: true
    },
    dataBound: function(e) {
      $scope.attachChangeEvent(e);
  
    }
  
  };
  </code></pre>
  
  <p>Event change code:</p>
  
  <pre><code> $scope.attachChangeEvent = function(e) {
  
    var dataSource = e.sender.dataSource;
    // issue : change event is getting called multiple times for every click on checkbox
    dataSource.bind("change", function(e) {
      var selectedNodes = 0;
  
      var checkedNodes = [];
  
      $scope.checkedNodeIds(dataSource.view(), checkedNodes);
  
  
      for (var i = 0; i &lt; checkedNodes.length; i++) {
        var nd = checkedNodes[i];
        if (nd.checked) {
          selectedNodes++;
        }
      }
      // check the console - this is called multiple times for one checkbox click
      console.log(selectedNodes);
    });
  };
  </code></pre>
  
  <p>Is there another event to attach to to have only one event fired after all checkboxes are updated? Or maybe there is a way to group all those 'change' events and fire just one instead?</p>