ngOnChanges

[gregory.michelParticipant]

Hi,

I have a component with different input.
when these inputs change, it must produce a data reload and a chart/grid/… refresh.
But i can t interact with jqwidget component in angular ngOnChanges cause jqwidget components are not yet created.
I can’t do these kind of code:

ngOnChanges(changes: SimpleChanges) {
this.jqxLoader.open();
this.dataService.loadData(this.beginTime, this.endTime)
.subscribe(data=> {
this.loadChartData(data);
this.myChart.refresh();
this.jqxLoader.close();
}

ngOnInit() {
}

ngAfterViewInit(): void {
this.myChart.createComponent(this.settings);
}

How can i do this?

[MartinParticipant]

Hello gregory.michel,

jQWidgets components are created after ngOnChanges is triggered for the first time.
You can use the SimpleChanges argument that is received by ngOnChange to check if this is the first change of your input.
For example:

ngOnChanges(changes: SimpleChanges) {

  if (!changes.yourInput.firstChange) {

    this.jqxLoader.open();
    this.dataService.loadData(this.beginTime, this.endTime)
    .subscribe(data=> {
    this.loadChartData(data);
    this.myChart.refresh();
    this.jqxLoader.close();

  }
}

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[alexgilbertParticipant]

Hey thanks for sharing it with us

[Author]

Posts