Posted 7 October 2019, 5:42 pm EST
I am implementing some pages with the versions in the title. Performance seems slow do to some functions producing hundreds to thousands of warnings of “[Violation] ‘setInterval’ handler took” and “[Violation] ‘setTimeout’ handler took”. What ever functions are producing these warnings seem to block the rendering of the page. Seems as though specifying columns within the grid markup produces more warnings than just letting it auto generate the columns.
I have implemented this version of the FlexGrid with Angular 5.2.11 and the page render seemed instantaneous. Now the render time is around 3 seconds. For pages producing thousands of warnings, the render time is over 30 seconds.
My grid markup is as follows and itemsSource is a CollectionView:
<wj-flex-grid [ngStyle]="myStyles"
#grid
[itemsSource]="data"
[selectionMode]="5"
[isReadOnly]="true"
[allowDragging]="'Columns'"
(dblclick)="editUser(data.currentItem)">
<wj-flex-grid-filter #filter></wj-flex-grid-filter>
<wj-flex-grid-column [header]="'Emp Code'"
[binding]="'empCode'"
[width]="150"></wj-flex-grid-column>
<wj-flex-grid-column [header]="'First Name'"
[binding]="'firstName'"
[width]="150"></wj-flex-grid-column>
<wj-flex-grid-column [header]="'Last Name'"
[binding]="'lastName'"
[width]="150"></wj-flex-grid-column>
<wj-flex-grid-column [header]="'Login'"
[binding]="'loginName'"
[width]="125"></wj-flex-grid-column>
<wj-flex-grid-column [header]="'Start Date'"
[binding]="'startDate'"
[dataType]="'Date'"
[format]="'MM/dd/yyyy'"
[width]="125"></wj-flex-grid-column>
<wj-flex-grid-column [header]="'End Date'"
[binding]="'endDate'"
[dataType]="'Date'"
[format]="'MM/dd/yyyy'"
[width]="125"></wj-flex-grid-column>
</wj-flex-grid>
