Hi,
we develope an application with Kendo mobile and we use the router for navigation :
router.navigate("viewPath");
In application there is a situation when we need to submit a saving dialog to navigate to other view. Sometimes in this case occures a problem that the application just flashes like it was navigated to the next view (also in code it is acting like that) but the previous view is freezed on the top.
For example you have an app with views:
some home page -> products view -> product detail
- I navigate from home page to products view and to specific product - when I want to save a product detail a dialog is shown - I submit the saving and it should go back to products view. But it doesnt. When I use a native android back button it flashes and seems to navigate to products view for a second but still the product detail is freezed on the window after that (if you press native back buttons more times it asks if you want to close the app like you were on the home page).
Is it possible to solve the navigation some other way to avoid this problem?
Thank you in advance.

Hi I'm new to kendo ui, recently had created a table using kendo grid and my data shown [object Object] the cell.
what is the way to display the address object in a single data.
<!DOCTYPE html><html><head> <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> <title></title> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.714/styles/kendo.common-material.min.css" /> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.714/styles/kendo.material.min.css" /> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.714/styles/kendo.default.mobile.min.css" /> <script src="//kendo.cdn.telerik.com/2016.2.714/js/jquery.min.js"></script> <script src="//kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script></head><body> <div id="example"> <div id="grid"></div> <script> var peoples = { "people": [{ "name": "John Smith", "phone": "(519) 420-2391", "address": { "street": "123 Main St", "city": "Someplace" } }]}; $("#grid").kendoGrid({ dataSource: { data: peoples, schema: { data: 'people' }, }, scrollable: true, sortable: true, resizable: true, pageable: true, columnMenu: true, columns: peoples}); </script> </div></body></html>

http://demos.telerik.com/kendo-ui/treelist/editing
How to add a new Row under a selected node. Not able to select a row in demo above. It always adds a new row at the top. I am using Chrome.
Thanks
Hi All,
I'm very new to this community and started to use the trial version of Kendo UI on Friday last week. I was asked by my Head of Department to test the functionalities of Kendo UI to see if it would be interesting to buy for the developers team (me included). As the main use of it would be in SharePoint web part and application pages, I used the JS / HTML 5 version and tried to get pieces of information on the documentation and on Internet, I followed this tutorial even if it does not exactly match my needs on Code Project - Kendo UI in SharePoint Online to display the items of a list in a grid.
With the tutorial, I manage to get a working grid using the provided url for the data source. I tried to adapt the code to retrieve the items of the list I want to display in the current SharePoint Site Collection (which is on premises, not online), but now, each time the grid launches the request for the data source, it keeps prompting me for credentials despite the fact that the data is available on the same site as the page being executed. Even so, if I provided the credentials manually, it only ask again for credentials endlessly without displaying anything.
Can you help me with that ?
Maybe the best is that I show you the code I currently have :
The headers :
<link href="/_layouts/15/MyTools/styles/kendo.common-office365.min.css" type="text/css" rel="stylesheet" /><link href="/_layouts/15/MyTools/styles/kendo.office365.min.css" type="text/css" rel="stylesheet" /><script src="/_layouts/15/MyTools/js/jquery-2.2.1.min.js" type="text/javascript"></script><script src="/_layouts/15/MyTools/js/kendo.all.min.js" type="text/javascript"></script>
The code itself :
$(document).ready(function () { var appWebUrl = _spPageContextInfo.webAbsoluteUrl; var listToDisplay = "<%= GetListToDisplay() %>"; var dataSource = new kendo.data.DataSource({ schema: { model: { fields: { ID: { type: "number" }, Title: { type: "string" }, Author: { type: "string" }, Created: { type: "date" }, Editor: { type: "string" }, Modified: { type: "date" } } }, data: function (data) { return data.d && data.d.results ? data.d.results : [data.d]; }, errors: function (response) { return response.error; } }, transport: { read: { url: appWebUrl + "/_api/lists/getbytitle('" + listToDisplay + "')/items", headers: { "accept": "application/json; odata=verbose" } } }, pageSize: 20 }); $("#grid").kendoGrid({ dataSource: dataSource, height: 550, groupable: false, sortable: true, pageable: { refresh: true, pageSizes: true, buttonCount: 5 }, columns: [ { field: "ID", title: "ID" }, { field: "Title", title: "Title", width: 240 }, { field: "Author", title: "Created By" }, { field: "Created", title: "Created" }, { field: "Editor", title: "Modified By" }, { field: "Modified", title: "Modified" }] });});
Did I do something wrong or have I missed something while setting up the grid ?
Thank you in advance for your help,
Best Regards,
Kevin
Hello,
I'm using the Benchmark demo to create my application.
The demo is shifting the data because the interval limit.
Is it possible for not shifting the data so that we can pan the previous data when it stop?
I'm trying to set up a TreeView. My json data from the server has IDs and Parent IDs that contain what the hierarchy is. Root levels have parentId of "NULL". Can I not specify my hierarchy self-referentially like this? Do I HAVE to make an "items: []" sub-structure in my JSON for each parent node?
var ds = new kendo.data.HierarchicalDataSource({ transport: { read: function(e) { //JSON is returned here. Example [{id: 50, parentId: "NULL", name: "abc"}, {id: 51, parentId: 50, name: "xyz"}] } }, schema: { model: { id: "id", parentId: "parentId", fields: { id: { type: "number" }, parentId: { type: "number", defaultValue: 0 } } } } });