or
select: function (sel) {
var dataItem = this.dataItem(sel.item.index());
var md = ds.get(dataItem.id);
model.selectContact(md);//set the observable
},selectContact: function (cust) {
this.set('selectedItem', cust);//this is a observable property
}changeMode:function() {//ds is the kendoDataSourceds.read();//hear i need to have the latest data so i do a read from dbvar dr2 = ds.get(this.selectedItem.id);//get last id from datasource that it was selected in autocompletethis.set('selectedItem', dr2);//now hear is the latest data in observable property}THE HTML: <div id="treeviewLeft"></div>THE CONTROLLER CODE: // Get Treeview data from database; ABL & nonABL var mySpecSheetData = new SpecSheetData(); mySpecSheetData.GetTreeviewNodes('170', successFunction, failureFunction); function successFunction() { $('#loadingIndicator').remove(); intializeTreeView(); } function failureFunction() { console.log("********** ERROR **********"); } function intializeTreeView() { var specData = new kendo.data.HierarchicalDataSource(); specData = mySpecSheetData.GetTreeviewData(); console.log(JSON.stringify(specData, null, 1)); alert("Get TreeviewNodeData Success!"); var treeView = $("#treeviewLeft").kendoTreeView({ autoBind: false, expanded: true, datasource: specData, dataTextField: 'displayName' }).data("kendoTreeView"); }THE MODEL CODE:function SpecSheetData() { var treeNodes = [];}SpecSheetData.prototype.GetTreeviewNodes = function (repNumber, successFunction, failureFunction) { var that = this; $.ajax({ //Call for data goes here type: 'GET', url: 'SGLibraryDataService.svc/GetTreeviewDataByRepNum', data: { RepNumber: repNumber }, dataType: 'json', async: true, success: function (returnedTreeNodeData) { that.treeNodes = returnedTreeNodeData; successFunction(); }, failure: function (e) { failureFunction(); } });}SpecSheetData.prototype.GetTreeviewData = function (){ return this.treeNodes;}{ "series": [{ "name": "Incident", "data": [21, 16, 41, 6] }, { "name": "Change", "data": [7, 6, 2, 0] }], "categories": ["/Date(1367391600000-0700)/", "/Date(1370070000000-0700)/", "/Date(1372662000000-0700)/", "/Date(1375340400000-0700)/"], "trendCategories": [], "KendoChartType": "line", "LineWidth": 3, "TooltipDateFormat": "MMM yyyy", "categoryAxis_Type": "date"}series: result.series,categoryAxis: { categories: result.categories, majorGridLines: { visible: false }, type: "date"}