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

6 posts, 0 answers
  1. Mongonv
    Mongonv avatar
    10 posts
    Member since:
    Nov 2005

    Posted 09 Jul 2015 Link to this post

    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

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 13 Jul 2015 Link to this post

    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!
     
  3. UI for ASP.NET AJAX banner
  4. Esra
    Esra avatar
    2 posts
    Member since:
    Sep 2015

    Posted 03 Nov Link to this post

    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

  5. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 07 Nov Link to this post

    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.
     
  6. Esra
    Esra avatar
    2 posts
    Member since:
    Sep 2015

    Posted 07 Nov in reply to Boyan Dimitrov Link to this post

    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

  7. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 09 Nov Link to this post

    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.
     
Back to Top
UI for ASP.NET AJAX banner