title: Refresh Kendo Detail Using AnhularJS directives
body: <p>I am working with a grid that automatically defines a data source and loads a sub-grid for each item.   </p>
  
  <p>The markup for this is fairly straightforward</p>
  
  <pre><code>&lt;div class="thegrid"
       kendo-grid
       k-data-source="vm.GeneralData"
       k-options="vm.gridMainOptions"&gt;
      &lt;div k-detail-template&gt;
          &lt;div kendo-grid k-options="vm.detailGridOptions(dataItem)"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the sub grid detail template, I have a grid column that triggers an event in response to an <code>ng-click</code> event.</p>
  
  <pre><code>columns: [
  {
      field: "Id",
      editable: false,
      hidden: true
  },
  {
      title: "",
      width: "160px",
      editable: false,
      template:
      "&lt;span class='glyphicon glyphicon-remove remove-template'  
             ng-click='vm.removeItem(dataItem)'&gt;&lt;/span&gt;&lt;",
      attributes: {
      "class": "managing-templates-column",
      "title": "Delete This Template"
  }
  </code></pre>
  
  <p>]</p>
  
  <p>In the controller itself, i have a method that responds to this.  </p>
  
  <pre><code>function removeItem(dataItem) {
  
      console.log("remove", dataItem);
      //removed code that makes an ajax call to actually delete item
  
      //... and now need to refesh that datasource that this belongs to.
  
  }
  </code></pre>
  
  <p>How would I go about getting the <code>dataItem</code>'s data source so that I can refresh it?</p>