Questions on Kendo UI for jQuery Forum

1 answer

79 views

Getting error pages when posting in forums

It is a very frequent problem that I get an error page when I post to the telerik forums.

The text is lost, and if I am lucky, the posting was actually made, even if I receive an error.

It happens a lot, maybe each 5th try to post something.

Another problem is that the forums are incredibly slow.

I am expecting more from a forum that I am actually paying to use.

General Discussions

answered on 15 May 2014

1 answer

222 views

On demand load initial parameter issue

1 of 2 -The requirement is that a tree view gets populated after the user selects a row in a grid. I use javascript to pass the ID of the grid selection -
2 of 2 - the user should then be able to, in the tree view, load nodes on demand by expanding nodes. The code for the controller is attached.

This is setup in MVC 4 with and Index view that contains a kendo splitter pointing to two partial views -

List (contains the kendo grid); &
Detail - contains the kendo tree view

01.function GridRowSelected(arg) {//row selection event

02. var grid = $("#adminGrid").data("kendoGrid");

03. var row = grid.select();

04. var data = grid.dataItem(row);

05. //alert("in List" + data.EntHID);

06. loadChildrenForEntity(data.EntHID)

07. entityId = data.EntHID;

08. //alert("in list : " + entityId);

09.}

The treeview configuration and datasource is -

01.<script type="text/javascript">

02. function loadChildrenForEntity(entityId) {

03. dataSource = new kendo.data.HierarchicalDataSource({

04. transport: {

05. read: {

06. cache: false,

07. url: "@Url.Action("GetChildrenForEntity", "Admin")",

08. dataType: "json",

09. data: function () {

10. return {

11. entityID: entityId

12. };

13. }

14. }

15. },

16. schema: {

17. model: {

18. id: "ItemHID",

19. hasChildren: "HasChildren"

20. }

21. }

22. });

23.

24. $("#entityDetails").kendoTreeView({

25. dataSource: dataSource,

26. //select: onSelect,

27. expand: onExpand,

28. dataTextField: "DisplayName",

29. loadOnDemand: true

30. });//.data("kendoTreeView");

31. }

32.

33. function onExpand(e) {

34. e.preventDefault();

35. var treeview = $('#entityDetails').data('kendoTreeView');

36. var node = e.node;

37. var data = treeview.dataItem(node);

38. //alert('id = ' + data.id);

39. $.ajax({

40. url: "@Url.Action("GetChildrenForEntity", "Admin")",

41. //type: "POST",

42. datatype: "json",

43. data: { entityID: data.id },

44. success: function (result) {

45. DisplayChildNodes(result, node)

46. }

47. });

48. }

49.

50. function DisplayChildNodes(result, node) {

51. var treeview = $('#entityDetails').data('kendoTreeView');

52. treeview.append(result, node);

53. }

54.</script>

The initial load is fine - the user selects a row in the grid and the tree view loads as expected. However, the crux of the problem appears to be that when treeview nodes are expanded, the code is executed with the original ID that was passed in via the javascript. This should instead be invoked with the id of the node selected, which happens due to the onExpand event.

Has anyone else experienced this issue and found a solution to it? Thanks in advance

Amit

TreeView

answered on 15 May 2014

6 answers

103 views

Grid editing problems after drag and drop

Check this example: Dragging records from the left grid to the right grid just works fine, but after we edit the record of right grid and blur, the modified data goes back to be unchanged. It seemed that we can not modify data of the right grid, what's wrong? And what should I do to make it editable? Thanks.

Grid

answered on 15 May 2014

1 answer

235 views

Kendo Mobile mvvm upload

Hello,

I am working on a kendo mobile app built with mvc and mvvm.
I have a form with some fields ( a model ) and an upload control which allows one or more files to be uploaded.
On form submit I go to a viewmodel method which validates the form and if everything is ok then it creates a json object and passes that to an mvc controler for final processing. At this stage I also need to attach the information of the uploaded files. For details sake this is an email form and I want the file uploaded to become an attachment.
I cannot add the uploaded file information on form submit. Is there an example which shows how this works ?
I've seen a number of ways but none dealing with this process.

I tried an async manner for the file upload unfortunately that does not work very well due to the fact that it triggers on upload. Of course this only sends back the uploaded file and then I am supposed to store it somewhere apparently. I don't like this approach mainly because at the upload stage I may not even have the other form information. I need this to work properly, together, so the form validates then takes the uploaded file information and posts everything to the controller in one go not in a separate way.

How can this be achieved ?

Upload

answered on 15 May 2014

5 answers

306 views

ListView Empty Template

This is sort of a follow up to this http://www.telerik.com/forums/listview-empty-template. I added a <div> under the listview but I want the "listview is empty" message centered in the screen horizontally and vertically between header and footer. What's the best way to accomplish this without mucking up the default Kendo UI styles? Thanks.

JsBin is here http://jsbin.com/wizikulu/1/edit.

ListView (Mobile)

answered on 15 May 2014

10 answers

565 views

Retry on failed uploads

We're currently using an async upload to try and upload many files to the server, some of which may contain errors which will fail that particular file upload. The user may then fix the error and retry the upload.
If there has been no change done on the file, then the save function is called immediately.
If there has been a change, then it takes some time to call the save function (sometimes the save function is never called).
Even if the save function returns success, the file still remains red (though it does display 100%).

What is the reason it takes so long to call the save function when the retry button is pressed and how do I change the list item so it is also green?

Upload

answered on 15 May 2014

1 answer

137 views

Kendoui 2014.1.318 and DropDownList in Firefox 29.0.1 - Fix

Greetings,

Just thought I would pass this along. A tech support engineer found a problem with a DropDownList in the latest version of Firefox, 29.0.1. If a page is partially scrolled down and a DropDownList is clicked then the list flickers for a second then disappears.

He gave me this css that fixed the issue for us:

.k-ff {overflow: inherit !important;}

General Discussions

answered on 15 May 2014

9 answers

328 views

Create bound KendoEditor but is inexplicably readonly

Hi I'm using a KendoEditor for the first time - with data binding and it just doesn't work.
I don't know what to look for.

My template is as below and it basically works. There's nothing catastrophic going wrong here.
So, the binding works (for all the other fields, the KendoEditor appears nicely, and all seems good.

But when I click on the editor, nothing happens - I can't type any text.
If I click any toolbar buttons, I get a variation on the error "Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined "

I'm guessing somebody might know, immediately why this would be happening?

<div id="properties-list">
<ul data-template="properties-template" data-bind="source: partProperties"></ul>
<script id="properties-template" type="text/x-kendo-template">
<li>
<label>
<input class="k-widget" data-bind="value: Label" tabindex="-1" />
</label>
#if (Name === "folderDoc") { #
<textarea class="editor" data-role="editor" data-bind="value: Value"></textarea>
#} else { #
<span class="k-textbox">
<input type="text" class="data" data-bind="value: Value" />
</span>
#}#
</li>
</script>
</div>

Editor

answered on 15 May 2014

1 answer

15.0K+ views

Trigger change event manually

Hello,

jQuery gives you the ability to trigger the change event manually.

Is this also possible for a kend drop down list? Right after my document ready a change event should be fired.

Regards,
Jacob

DropDownList

answered on 15 May 2014

7 answers

350 views

Kendo UI Mobile and AngularJS

We know that there is an integration effort with Kendo Angular, but considering that we’re starting to develop a new Mobile Website, it would be quite helpful to know some good & bad points between KendoUI Mobile and AngularJS:

1- Does Kendo Angular fully support latest releases of KendoUI Mobile? If we rely on KendoUI widgets and we plan to keep them updated over time (new kendo releases) we need to know if there is any kind of agreement from Kendo Angular project to keep the integration alive

2- Which are the main pros/cons between choosing with a full KendoUI Mobile solution (widgets + application) or going with an integration between KendoUI (only widgets) + AngularJS (application, binding, routing, etc)

Thanks in advance,
Walid

General Discussions

answered on 15 May 2014