or
hi all, I don't know what am I doing wrong here, its a pretty straight forward things. autocomplete is not showing anything.
moviesuggestions = new kendo.data.DataSource({ autoSync: true, transport: { read: function (options) { theMovieDb.search.getMovie({ "query": $("#seriesname").val(), search_type: "ngram" }, function (data) { //success options.success($.parseJSON(data).results); }, function (data) { //error options.error($.parseJSON(data).results); }); } }});autocomplete = $("#seriesname").kendoAutoComplete({ datasource: moviesuggestions, dataTextField: "title", suggest: true});<div style="padding:20px;" kendo-window="test" id="test" k-title="hello" k-options="popupOptions"> <div kendo-tab-strip k-content-urls="[ null, null]"> <!-- tab list --> <ul> <li class="k-state-active">View</li> <li>Edit</li> </ul> <div style="padding: 1em"> This is the view tab </div> <div style="padding: 1em"> This is the edit tab </div></div></div><div id="MainDiv"> @* This hidden input is what I'd like to get rid of. *@ <input id="url" type="hidden" data-bind="value: Url" /> <select id="ListsSelect" data-bind="value: selectedListID, source: lists" /> <div id="AlbumsGrid" /></div><script> (function ($, kendo) { var appAddr='@Url.Content("~/")'; var viewModel = kendo.observable({ albumsReadUrl: "", selectedListID: 1, lists: new kendo.data.DataSource({ type: "odata", transport: { read: appAddr+"PickDataService.svc/Lists" }, schema: { data: wcfData, total: wcfTotal } }), Url: function() { this.set("albumsReadUrl", appAddr+"PickService.svc/Foos?$filter=ListID%20eq%20"+this.get("selectedListID")); this.albums.read(); return this.get("albumsReadUrl"); }, albums: new kendo.data.DataSource({ type: "odata", transport: { read: { url: function() { console.log("read url"); return viewModel.albumsReadUrl; } } }, schema: { data: wcfData, total: wcfTotal }, }) }); $("#ListsSelect").kendoDropDownList({ valuePrimitive: true, dataTextField: "Name", dataValueField: "ID" }); $("#AlbumsGrid").kendoGrid({ dataSource: viewModel.albums, scrollable: false, autobind: false, pageable: true, }); kendo.bind($("#MainDiv"), viewModel); })(jQuery, kendo);</script>