Wijmo Grid 更新后无法正常工作

Question

. Answers to this question are eligible for a +200 reputation bounty. Olegs Jasjko wants to to this question.

Recently had an wijmo update during updating project to the 13 angular version.

Previous wijmo version: 5.20183.568 Current: 5.20221.842

We had updated everything (at least we believe so), including switch from 'wijmo/wijmo.grid' to '@grapecity/wijmo.grid' and so on.

The way it works however, sometimes seems extremely wonky for no obvious reason.

For my particular case, I have a simple grid:

wj-flex-grid(#flex, class="grid", [itemsSource]="listOfHolidays", [selectionMode]="3", (itemsSourceChanged)="itemsSourceChangedHandler()",
            width="100*", [headersVisibility]="1", (selectionChanged)="holidaySelected($event)")
   wj-flex-grid-filter(#flexFilter, [filterColumns]="['name', 'start', 'end']") 
   wj-flex-grid-column([header]="Holiday Name", [binding]="'name'", [isReadOnly]="true", [width]="70")
...
...

For whatever reason, (selectionChanged) just doesn't work anymore. It triggers a couple of times (equal to rows count) during the screen loading, and then stops. Previously, it is used to trigger on mouse click on the row.

Also, the insides of markup is also seems different:

The insides of wj-row differs New grid (with selected row, it is still possible to do with dataItem.selected = true ) ( role="row" ) does not have aria-selected="true" . It also doesn't receive wj-state-selected , wj-state-active and wj-state-multi-selected classes ( role="gridcell" ).

This doesn't make sense to have such amount of issues even on basic level, unless something went terribly wrong during the update.

Could you please help me to figure out what exactly am I overlooking or missing?

Answer 1

I don't have that much experience with Wijmo, but honestly, I don't think you have anything to lose. So, here we go...

Could you try using a debounce version of the method?

public holidaySelectedDebounce: (event) => void;

ngOnInit(): void {
   this.holidaySelectedDebounce = debounce(this.holidaySelected, 300);
}

and then in your HTML:

wj-flex-grid(#flex, class="grid", ..., 
    (selectionChanged)="holidaySelectedDebounce($event)")