Angular 7 Kendo Grid using JSDO Service Component

7 posts, 0 answers
  1. Chris
    Chris avatar
    14 posts
    Member since:
    Aug 2017

    Posted 19 Nov 2018 Link to this post

    I'm looking for a working example building a sample of Angular 7 project using a JSDO Service.

    I have built a sample Service component and using it in Angular Grid using the HttpClient and then subscribing to the observable in the app component. But I'm needing to communicate with the back end using the JSDO for CRUD operations.

     

    Please help.

     

  2. Chris
    Chris avatar
    14 posts
    Member since:
    Aug 2017

    Posted 19 Nov 2018 in reply to Chris Link to this post

    I have seen this link

    https://github.com/progress/JSDO/wiki/Using-the-JSDO-and-DataSource-components-in-an-Angular-web-app

    But im still un sure how to seperate the service into its own component.

    But im needint to use Angular 7.

     

  3. Chris
    Chris avatar
    14 posts
    Member since:
    Aug 2017

    Posted 19 Nov 2018 in reply to Chris Link to this post

    I have viewed this link

    https://github.com/progress/JSDO/wiki/Using-the-JSDO-and-DataSource-components-in-an-Angular-web-app

    Im also looking for Documentation on Angular / Grid / JSDO

  4. Svetlin
    Admin
    Svetlin avatar
    270 posts

    Posted 21 Nov 2018 Link to this post

    Hi Chris,

    In general, the grid is agnostic to where its data comes from. The data should be an array or object of type GridDataResult and passed to the Grid's data input property as demonstrated in the following article:
    https://www.telerik.com/kendo-angular-ui-develop/components/grid/data-binding/

    Check the following article on grid editing:
    https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/

    it demonstrates examples how to bind the grid to a remote data source and implement CRUD operations using Angular's reactive forms:
    https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/editing-reactive-forms/

    and Angular's template forms:
    https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/editing-template-forms/

    Notice the implementation of the edit.service.ts file, that shows, how such service can be separated into its own class.

    Both examples, rely on the (edit), (cancel), (save), (remove), and (add) events emitted by the grid in order to send the appropriate request to the server.

    Indeed, currently we do not have an example dedicated on the use of CRUD operations with JSDO. If you have the time, please submit a new feature request in our UserVoice portal, which will help us to evaluate the demand for such example and implement it in the future. 

    Let me know in case additional information is needed for this case.

    Regards,
    Svetlin
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  5. Chris
    Chris avatar
    14 posts
    Member since:
    Aug 2017

    Posted 21 Nov 2018 in reply to Svetlin Link to this post

    Thanks for the info.

    The link

    https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/editing-template-forms/

    was helpful but

    Im needing an example of an Angular 7 Kendo Grid using the 

    import { progress } from '@progress/jsdo-core';
    import { DataResult, DataSource, DataSourceOptions } from '@progress/jsdo-angular';

    in a service and using it in my grid.component.ts

     

    Do you have any examples?

     

    Thanks

  6. Chris
    Chris avatar
    14 posts
    Member since:
    Aug 2017

    Posted 21 Nov 2018 in reply to Chris Link to this post

    oops - I didnt see your last statment:

    "Indeed, currently we do not have an example dedicated on the use of CRUD operations with JSDO. If you have the time, please submit a new feature request in our UserVoice portal, which will help us to evaluate the demand for such example and implement it in the future. "

     

    Ill look into the UserVoice.

    http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-feedback

     

  7. Svetlin
    Admin
    Svetlin avatar
    270 posts

    Posted 23 Nov 2018 Link to this post

    Hi Chris,

    Thank you for opening a new feature request:
    https://feedback.telerik.com/kendo-angular-ui/1362280-angular-7-kendo-grid-in-a-component-using-a-service-component-that-uses-the-progress-jsdo-for-crud-operations

    Indeed, such example would be a valuable addition to our documentation. Once the example is available we will update the UserVoice feature request accordingly. 

    Regards,
    Svetlin
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top