or

$("#searchResults").kendoGrid({ dataSource: seachResultsDataSource, filterable: { extra: false, operators: { string: { startswith: "Starts with", eq: "Is equal to", neq: "Is not equal to" } } }, columns : [ { title: "Area", field: "AreaID", filterable: { ui: areaFilter } }]});// Never gets called.function areaFilter(element) { kendoHelper.BindDropDownList(element, dataSources.areaDataSource);}.DataSource(datasource => datasource.Read(read => read.Action("DataForEvo", "Home", new { seriename = "Default", category = "Default" })).Events(ev => ev.SeriesClick("onSeriesClick")))var Chart = $("#chart").data("kendoChart");<form id="my-form" class="k-content"> <ul id="pb" data-expand-mode="single" data-role="panelbar"> <li class="k-state-active"> <span class="k-link k-state-selected">Step 1</span> <div class="k-content"> <div data-bind="text:name"></div> <ul data-template="row-template" data-bind="source: Reports"> </ul> </div> </li> </ul> </form> <div id="view-model-state"></div> <script id="row-template" type="text/x-kendo-template"> <li><span data-bind="text:Name"></span><input name="report" type="radio" data-bind="value:Value"/></li> </script>MyApp.Ds = new function() { var self = this; self.Reports = [ {Name: "R1", Value: 1}, {Name: "R2", Value: 2}, {Name: "R3", Value: 3}, ];};MyApp.ViewModel = (function(){ var vm = kendo.observable({ name: "Nested Template Test", Reports: MyApp.Ds.Reports, Report: "" }); vm.bind("change", function(e) { $("#view-model-state").html(JSON.stringify(vm.toJSON())); //console.log("change", vm.toJSON()); }); vm.bind("set", function(e) { $("#view-model-state").html(JSON.stringify(vm.toJSON())); //console.log("set", vm.toJSON()); }); return vm;})();$(function () { kendo.bind($("#my-form"), MyApp.ViewModel);});