Angular 7 Kendo Grid using JSDO Service Component

[Chris]

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.

 

[Chris]

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.

 

[Chris]

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

[Svet]

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

[Chris]

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

[Chris]

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

 

[Svet]

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