Hi Eyup, I tried about 30 permutations of syntax format for the example, but I think the problem is that this program is using a template format which doesn't sound like the regular Telerik approach and that's why its so hard to get this working. So I guess for now I will just have to go with the standard Edit, Update button as that is working and get back to this later as I've already spent 2 weeks trying to get this to work, so will get back later on this, thanks Eyup!
initViews: function (iCurrentUser) {
var that = this;
view = new kendo.View('report-template', { model: that.get('activityReport') });
that.set('reportView', view);
that.router.route("/report", function () {
var nav = that.get('navViewModel');
if (nav.isNeedChanged(3) === true) {
that.mainLayout.showIn(that.get('content'), that.get('reportView'), "swap");
<script type="text/x-kendo-template" id="report-template">
<h1 style="text-align:center;font-size:24px;color:darkmagenta;">Personnel Security Activity Report</h1>
<div class="report-container">
<div style="margin:5px;">
<div id="gridAppUsers" data-role="grid"
data-columns="[
{
'title' : 'Report',
'field' : 'reportLabel'
},
{
'title' : 'Report Link',
'field' : 'reportLink'
},
{
'command' : { 'click' : 'function(e) { e.preventDefault(); var tr = $(e.target).closest('tr'); var data = this.dataItem(tr); console.log('hello'); }' }
}
]"
data-editable="inline"
data-sortable="true"
data-scrollable="true"
data-selectable="single, row"
data-bind="source: reportDs , events: { save: onSave}">
</div>
</div>
</div>
</script>