or
1 answer
503 views
Kendo UI version: v2015.3.930
AngularJS version: 1.4.7
JQuery version: 2.1.0
I have the following treeview defined in html:
<div kendo-tree-view k-options="kendoTreeOptions" k-rebind="kendoTreeOptions"></div>and it shows up fine. The initial load of data happens in the read of the HierarchicalDataSource. see attachment 1
The problem occurs when I try to load the children on demand. All that happens is that the arrow disappears (see attachment 2). In looking at the Chrome Network tool there is no request being made to get any children and no errors showing up in the console.
Here is the tree options I am using:
{ loadOnDemand: true, dataTextField: "title", dataImageUrlField: "imageUrl", dataSource: new kendo.data.HierarchicalDataSource({ transport: { read: { url: "../api/ctl1/getTreeData2", dataType: "json", type: "GET", data: () => { return { caseId: !this.treeHasSelectedNode() ? null : this.getSelectedNodeCaseId(), entityId: !this.treeHasSelectedNode() ? null : this.getSelectedNodeKey(), location: !this.treeHasSelectedNode() ? null : this.getSelectedNodeLocation(), createdById: !this.treeHasSelectedNode() ? null : this.getSelectedNodeOwnerId(), isDraggableDroppable: !this.treeHasSelectedNode() ? null : this.getSelectedNodeIsDraggableDroppable(), }; } }, schema: { model: { hasChildren: "hasChildren", children: "children", id: "key" } } }, requestStart: (e) => { console.log("request started"); }, requestEnd: (e) => { var response = e.response; var type = e.type; console.log(type); console.log(response); } })}and here is what my initial data load is:
[{ "$type": "TreeItem", "unselectable": false, "extraClasses": null, "nodeType": null, "customObject": { "entityType": "Case", "location": "", "owner": "1000", "caseId": "1", "isDraggableDroppable": "False" }, "title": "p1", "tooltip": null, "key": "1:1:1", "lazy": true, "expanded": false, "selected": false, "children": [], "folder": true, "hideCheckbox": false, "data": null, "path": null, "refKey": null, "parentId": "-1", "imageUrl": "../app/images/folder_standard.png", "hasChildren": true}, { "$type": "TreeItem", "unselectable": false, "extraClasses": null, "nodeType": null, "customObject": { "entityType": "User", "location": "//trtr/Share/dfas/fasdf/1000", "owner": "1000", "caseId": "", "isDraggableDroppable": "True" }, "title": "My Dropspace", "tooltip": null, "key": "0:-25:", "lazy": true, "expanded": false, "selected": false, "children": [], "folder": true, "hideCheckbox": false, "data": null, "path": null, "refKey": null, "parentId": "-1", "imageUrl": "../app/images/folder_standard.png", "hasChildren": true}, { "$type": "TreeItem", "unselectable": false, "extraClasses": null, "nodeType": null, "customObject": { "entityType": "User", "location": "", "owner": "1000", "caseId": "", "isDraggableDroppable": "True" }, "title": "Shared with me", "tooltip": null, "key": "0:-50:", "lazy": false, "expanded": false, "selected": false, "children": null, "folder": true, "hideCheckbox": false, "data": null, "path": null, "refKey": null, "parentId": "-1", "imageUrl": "../app/images/folder_standard.png", "hasChildren": false}]Am I doing something wrong? Isn't the HierarchicalDataSource supposed to handle getting the children data for me?
Konstantin Dikov
Telerik team
answered
on
10 Nov 2015
1 answer
92 views
Hi,
is it wanted like that?
kind regards
Konstantin Dikov
Telerik team
answered
on
10 Nov 2015
1 answer
715 views
Is there a way to get only the value of the last selected or removed item?
Also there is an even "select" but there is no event "remove"
Alexander Popov
Telerik team
answered
on
10 Nov 2015
5 answers
598 views
Are there any examples on how to integrate Kendo autocomplete with the google maps geocoder to query addresses?
I haven't been able to find a way how to do this so far so I just use the JqueryUI autocomplete.
I haven't been able to find a way how to do this so far so I just use the JqueryUI autocomplete.
Tayger
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
answered
on
10 Nov 2015
4 answers
1.8K+ views
Problem:
A kendo UI "window" widget that contains a "grid" widget.
The "window" is a popup window, it is hidden on initial page load.
The "window" and the "grid" are initialized using Markup ( data-role="window", data-role="grid" and bind, no JavaScript configuration, only for events)
A button "Open Window" opens the popup window that has inside a grid.
Every time the popup window is opened a new Ajax call must be done for reloading the grid (through: $("#grid").data("kendoGrid").dataSource.read();)
Questions:
1. How can be avoided to load data the first time?
Note - I do not bind the grid but as the grid nested into the window (container), when that (the window) is bound, the grid is then bound as well
(is there a way to avoid this behaviour?
It could be done defining the grid outside the window and "attach" it at runtime but I would keep the HTML consistent).
Note - I do not bind the grid but as the grid nested into the window (container), when that (the window) is bound, the grid is then bound as well
(is there a way to avoid this behaviour?
It could be done defining the grid outside the window and "attach" it at runtime but I would keep the HTML consistent).
2. Is there a way to not raise the dataBound.transport.read the first time (on page loading / binding)?
3. I tried to set an empty url (for avoiding the Ajax call on page loading) and then change it at every open popup ($("#grid").data("kendoGrid").dataSource.options.transport.read.url = url;) but it doesn't work, the url doesn't change.
Thank you for help
Kiril Nikolov
Telerik team
answered
on
10 Nov 2015
3 answers
209 views
Hi,
I'm stuck with the tabbed navigation part. I want to create a new tab on click of a button(whose name is editable). And on creation of new tab, it should display the same empty table(created using Kendo Grid). I tried to do like http://dojo.telerik.com/iGIqE. But, it did not work.
Please find my js fiddle I've created, below.
https://jsfiddle.net/aravind_93/ope4ojtg/
In short, I would like to add new tab on click, whose tab name is editable, which should display empty grid table I've already created. Please advice me on how to do this. (I had tried to integrate Grid inside TabStrip..)
Thank you.
Boyan Dimitrov
Telerik team
answered
on
10 Nov 2015
1 answer
118 views
Hello,
I want to get the event when a change is made to the Task.
For example, start, end, it's Field will change the timing of such parentId.
Is there any way?​
Dimitar Terziev
Telerik team
answered
on
10 Nov 2015
4 answers
523 views
My application is dynamically creating and deleting tabs based on user input. I am trying to embed a kendoGrid (or any other kendo control inside one of the tabs but I guess I need to postpone the construction of the kendoGrid until after the content of the tab is created. In another tab I am rendering a diagram using NorthWoods GoJS which also needs to be delayed until the container has been created. Is there an example anywhere showing the best way to do this? I can kind of get it to work using the activate event on the tabstrip but that seems klunky...
5 answers
353 views
I have set up my MVC application to display a kendo line chart. The kendo scripts are getting loaded correctly, but I get the follow the error:
Error: Object doesn't support property or method 'kendoChart'
I tried to use different versions of JQuery thinking the version 1.5 which is the default for the mvc application has problem. I can't figure this out. Am I getting this error because I'm not loading the JQuery UI? I'm using knockout library in my project. Is there a problem of compatibility kendo has with knockout?
Error: Object doesn't support property or method 'kendoChart'
I tried to use different versions of JQuery thinking the version 1.5 which is the default for the mvc application has problem. I can't figure this out. Am I getting this error because I'm not loading the JQuery UI? I'm using knockout library in my project. Is there a problem of compatibility kendo has with knockout?
Craig
Top achievements
Rank 1
Rank 1
answered
on
10 Nov 2015
3 answers
222 views
I am using Kendo v 2015.2.624 to create a mobile first website. We are using the MVC Kendo Grid with multiselect filters instead of the default filter configuration. This functionality works as expected on all web browsers including Safari on Mac. The only exception is the iPad. The iPad will expand the filters but won't allow the user to click a filter option nor will it collapse the filter menu. I have attached a couple of screen shots to see if any suggestions could be offered as to what could be the problem.
