or
Source Length: <span data-bind="text: guarantorDataSourceLength"></span><div id="guarantorGrid" data-role="grid" data-editable='{"destroy":true}' data-sortable="true" data-pageable="false" data-selectable="true" data-bind="source: guarantorDataSource" data-columns='[ { "field": "ID", "title": "ID"}, { "field": "Name", "title": "Name", "width": "200px"}, { "field": "IsMan", "title": "IsMan"}, { "command": "destroy" } ]' data-row-template="row-template"></div><script id="row-template" type="text/x-kendo-template"> <tr> <td> <span data-bind="text: ID"></span> </td> <td> <span data-bind="text: Name"></span> </td> <td># if (IsMan === true) {# Y #} else {# N # } #</td> <td> <a class="k-button k-button-icontext k-grid-delete" href="\#" data-bind="click: delClick"><span class="k-icon k-delete"></span>Delete</a> </td> </tr></script>$(document).ready(function () { var viewModel = kendo.observable({ guarantorDataSource: [], guarantorDataSourceLength: function () { return this.get("guarantorDataSource").length; } }); kendo.bind($("body"), viewModel); viewModel.set("guarantorDataSource", [ { ID: "A001", Name: "Tom", IsMan: true }, { ID: "A002", Name: "John", IsMan: true }, { ID: "A003", Name: "Mary", IsMan: false } ]); });{"id":1,"FIO":"IVAN IVANOV IVANOVICH","category":"surgeon","numPatients":1}
<script id="itemTemplate" type="text/html"> # if(data.IsSandbox){ # <div class="draft"> # } else {# <div class="live"> # } # # if(data.IsSandbox){ # <strong class="text-info">#: Name # (#: ProgramDesignID #)</strong> # } else {# <strong class="text-success">#: Name # (#: ProgramDesignID #)</strong> # } # <div class='detailcontainer'> <div class='date'> # kendo.toString(kendo.parseDate(data.DateDetails.StartDate), "dd/MM/yyyy"); # </div> <div class='details'> #: Details.ProgramName # </div> </div> </div></script>var lobTv = $("#linesOfBusiness").kendoTreeView({ select: function (e) { var tree = this; var src = tree.dataItem(e.node); jobOwnerId = src.LobId; isParent = src.HasChildren; }, change: function (e) { appsDataSource.read(); }, dataSource: { transport: { read: { url: apiUrl + "Lob" } }, schema: { model: { id: "LobId", hasChildren: "HasChildren" } } }, loadOnDemand: false, dataTextField: "LobName" });var lobDataSource = new kendo.data.DataSource({ transport: { read: { url: apiUrl + "Lob" } }, schema: { model: { id: "LobId", hasChildren: "HasChildren" } } });var lobTv = $("#linesOfBusiness").kendoTreeView({ select: function (e) { var tree = this; var src = tree.dataItem(e.node); jobOwnerId = src.LobId; isParent = src.HasChildren; }, change: function (e) { appsDataSource.read(); }, dataSource: lobDataSource, loadOnDemand: false, dataTextField: "LobName" });