Questions on Kendo UI for jQuery Forum

1 answer

394 views

Hi,

I have grid with a column( checkbox) and couple of more columns in the grid.

Want to achieve the Cells to remain in Editable mode for a column and only for specific rows where checkbox is checked when grid is rendered.
And when new row in grid is checked ;want the "Agency Id" cell of the particular row to be made into inCell editable mode.

And for rows which are unchecked, the Agency ID cell will need to made into read mode for that rows.

Can any one provide me demo if possible.

Thanks
Chatrapathi chennam

Grid

answered on 16 May 2014

1 answer

141 views

Manual Update to ViewModel

I have several views sharing a single ViewModel. In one view, there is a form that updates the ViewModel. The moment I submit the form (before the form handler is called), it triggers a rendering of all observing views (standard behavior of Kendo UI). However, I have an additional attribute that is available only later after some processing within the form handler.

I've tried using the following once the processing is done:

var prescriptionsDataSource = data.getPrescriptionsDataSource(); // same data source that the view is using in its ViewModel
var prescription = prescriptionsDataSource.get(prescriptionID);
prescription.set("medication.reminderCount", reminderCount);

However, this doesn't seem to trigger rendering of the observing views. The result is that the displayed reminderCount is obsolete.

Am I missing something?

Thanks!

MVVM

answered on 16 May 2014

6 answers

254 views

[Solved] Treeview - Single Expand Path

Hello,
I'm working with the local data treeview sample.

Is there a way to implement single expand path similar to RadTreeView (http://www.telerik.com/help/aspnet-ajax/treeview-server-single-expand-path.html)? I'd like for only the selected node path to be expanded at any one time. All others paths should be collapsed after node selection

Thanks!

TreeView

answered on 15 May 2014

1 answer

89 views

[Solved] 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

243 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

131 views

[Solved] 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

280 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

337 views

[Solved] 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

623 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

182 views

[Solved] 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