title: How to call a parent method from kendo template binding?
body: <p>I have the following <a href="http://jsfiddle.net/N9fLS/12/" rel="nofollow">fiddle</a>. I'm trying to call the parent method lowestMpgMsg for each of the elements inside the array cars. I have try using the following bindings with no luck:</p>
  
  <pre><code>data-bind="text: lowestMpgMsg()"
  data-bind="text: parent.lowestMpgMsg()"
  data-bind="text: parent().lowestMpgMsg()"
  data-bind="text: parent().lowestMpgMsg"
  </code></pre>
  
  <p>Thank you!</p>
  
  <p>Here is my html</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div id="template-container" data-template="template" data-bind="source: cars"&gt;&lt;/div&gt;
  &lt;script id="template" type="text/x-kendo-template"&gt;
      &lt;div&gt;
          &lt;span data-bind="text: brand"&gt;&lt;/span&gt; - 
          &lt;span data-bind="text: mpg"&gt;&lt;/span&gt; - 
          &lt;span data-bind="text: lowestMpgMsg()"&gt;&lt;/span&gt; - 
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>and here is my javascript</p>
  
  <pre><code>var viewModel = kendo.observable({
      cars: [
          {brand: "Toyota", mpg: 22},
          {brand: "Mini", mpg: 32},
          {brand: "Honda", mpg: 23}
      ],
      lowestMpgMsg: function(e) {
          var sorted = this.cars.sort(function(a, b) {
              return a.mpg - b.mpg &gt; 0;
          });
  
          return e.mpg &gt; sorted[0].mpg ? "no" : "yes";
      }
  });
  
  kendo.bind($("#template-container"), viewModel);
  </code></pre>