or
widget._events.change.push(function (event) { var minLength = $(element).attr("data-odata-minlength") || 2; var value = widget.value().trim(); if (value != '' && value.length >= Number(minLength) && widget.dataItem() == undefined && widget._data().length > 0) { var firstItem = widget._data()[0]; setTimeout(function () { $.each(widget._data(), function (index, item) { if (item.Id == firstItem.Id) { widget.select(index); return false; } }); }, 100); } });var dataSource = new kendo.data.HierarchicalDataSource({ data: folderStructure, schema: { model: { id: "Id", hasChildren: "HasChilds", children: { schema: { data: "items", model: { id: "Id", hasChildren: "HasChilds", children: { transport: { read: function (options) { var id = options.data.Id; $.ajax({ type: "POST", url: webserviceUrl + "/GetSubFolders", data: JSON.stringify({ parentFolderId: id }), processData: false, contentType: "application/json; charset=utf-8", dataType: "json", xhrFields: { withCredentials: true }, success: function (data) { options.success(JSON.parse(data.d)); }, error: function (data) { options.error(data); } }); } }, schema: { model: { id: "Id", hasChildren: "HasChilds" } } } } } } } }});<div id="tabstrip-3" data-role="view" data-title="3"> <div class="test" id="offers"> <img src="http://www.remoteurl.com/test/image.jpg" height="100%" width="100%"/> </div> </div><div data-role="footer"> <div data-role="tabstrip"> <a href="#/" data-icon="home">1</a> <a href="#tabstrip-2" data-icon="organize">2</a> <a href="#tabstrip-3" data-icon="favorites">3</a> <a href="#tabstrip-4" data-icon="about">4</a> </div> </div>