We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to render the Syncfusion Grid in jHipster spring boot Angular App

Respected Sir,

Can you provide us an example code which uses Sync Fusion Grid with jHipster Spring boot Angular App?

Here is link for jHipster

https://www.jhipster.tech/

I tried doing it using observable example on getting started but got lost

Regards,

Santosh



1 Reply 1 reply marked as answer

RR Rajapandi Ravi Syncfusion Team August 19, 2020 08:16 AM

Hi Santosh, 

Greetings from syncfusion support. 

Based on your query you need to render the Syncfusion Grid in jHipster Spring boot Angular App. So, we have prepared an sample of SyncFusion Grid with observables in jHipster Spring boot Angular App. 

For your convenience we have attached the sample and please download the sample from the following link 

Code example:  


export class HomeComponent implements OnInit, OnDestroy { 
  public pageOptions: Object; 
    public state: DataStateChangeEventArgs; 
  public data: Observable<DataStateChangeEventArgs>; 

  constructor(private accountService: AccountService, private loginModalService: LoginModalService, private service: OrdersService) { 
    this.data = service; 
  } 

  ngOnInit(): void { 
    this.pageOptions = { pageSize: 10, pageCount: 4 }; 
        let state = { skip: 0, take: 10 }; 
        this.service.execute(state); 
  } 

  dataStateChange(state: DataStateChangeEventArgs): void { 
    this.service.execute(state); 
  } 


Screenshot: 

 


Regards, 
Rajapandi R 


Marked as answer
Loader.
Live Chat Icon For mobile
Up arrow icon