When I have this code in my template code:
<a data-role="button" class="btn btn-default" data-click="launchPlayer" data-id="#= data.class_id #">Launch Class</a>
the button doesn't get wired up and clicking doesn't call my function.
When I move it out of the template it works and calls the function.
How do I get it to fire the event in my template?
Below is my template code.
<script type='text/x-kendo-template' id="classtemplate">
<h1>#= data.class_id #: #= data.overview.class_name #</h1>
<table class="table">
<tbody>
<tr>
<td>Number of Lessons</td>
<td>#= data.overview.lesson_total #</td>
</tr>
<tr>
<td>Saved Lesson</td>
<td>#= data.overview.saved_lesson #</td>
</tr>
<tr>
<td>Difficulty</td>
<td>#= data.overview.difficulty #</td>
</tr>
<tr>
<td>Prerequisites</td>
<td>#= data.overview.prerequisites #</td>
</tr>
</tbody>
</table>
<div class="row">
<div class="col-sm-12">
<h4>Description</h4>
<div>#= data.overview.description #</div>
</div>
</div>
<a data-role="button" class="btn btn-default" data-bind="click: launchPlayer" data-id="#= data.class_id #">Launch Class</a>
</script>