This is a migrated thread and some comments may be shown as answers.

Angular version of "Edit Kendo UI Grid records using an external form"

5 Answers 99 Views
Integration with other JS libraries
This is a migrated thread and some comments may be shown as answers.
Mongonv
Top achievements
Rank 2
Mongonv asked on 09 Jul 2015, 10:35 PM

Is there an angular example of the JS "Edit Kendo UI Grid records using an external form" example from the documentation?

 I have not been able to figure out how to get the grid over edit form to work in angular or how to translate some of the things from that example.  All attempts to reference the .one method in the sample it throws errors that it cannot be found.

 Any help would be greatly appreciated

5 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 13 Jul 2015, 03:04 PM

Hello Mongonv,

 

Please review the following http://dojo.telerik.com/elUkO/4 example that shows how to implement "Edit Kendo UI Grid records using an external form" scenario using AngularJS. 

 

Regards,
Boyan Dimitrov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Esra
Top achievements
Rank 1
answered on 03 Nov 2016, 04:12 PM

Hi Boyan 

I found your example for the angular version of the kendo grid with separate form and now I'm stuck on a problem. I just don't get the datasource works to updating the data.

Could you please have a look at this example:

http://dojo.telerik.com/elUkO/24

Whats wrong there? Do you have an idea? 

Thank you so much!

Esra

0
Boyan Dimitrov
Telerik team
answered on 07 Nov 2016, 07:51 AM

Hello Esra,

 

I am not sure that I understand what problem you are facing with the example. As soon as the value in the text box is modified and "Save" button is clicked the the grid is refreshed and the value is shown. 

 

Regards,
Boyan Dimitrov
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
0
Esra
Top achievements
Rank 1
answered on 07 Nov 2016, 12:28 PM

Hello Boyan

Thank you for your reply!

Yes, the grid refreshes, but the update operation will not be performed (put/http request is missing). Isnt it right, that the datasource should detect the change and make the update request automatically?

 

Besta,

Esra

0
Boyan Dimitrov
Telerik team
answered on 09 Nov 2016, 09:44 AM

Hello Esra,

The reason why there is no request to the server is because the dirty field of the dataItem is not set to "true".  As stated in the help article this field determines whether the dataItem is modified or not. If this value is "false" the Kendo UI DataSource will not make a request to the server because it assumes that the dataItem is not changed. 

I updated the http://dojo.telerik.com/elUkO/28 the example to change the dirty field. Now a request should be sent as expected.  

Regards,
Boyan Dimitrov
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
Tags
Integration with other JS libraries
Asked by
Mongonv
Top achievements
Rank 2
Answers by
Boyan Dimitrov
Telerik team
Esra
Top achievements
Rank 1
Share this question
or