Posted 19 February 2020, 6:28 pm EST
Hi Team,
I am using below code to bind data into flex grid. We also have the copy functionality using column header where user can select an option from the column header and the same value gets copied in corresponding grid cells. This functionality is working fine with fewer records but breaking performance (browser hangs/more CPU utilization) with more than 10 records. Can you please check ?
<wj-flex-grid-column [binding]="'facilityName'" [width]="'0.8*'" [isReadOnly]="true" [wordWrap]="true"
[minWidth]="30">
<template wjFlexGridCellTemplate [cellType]="'ColumnHeader'" let-cell="cell">
<div [wjTooltip]="'#facilityTooltip'">
<label class="hoverTxt">Facility</label>
<span class="wj-glyph-filter" (click)="onFilterClick(cell)"></span>
</div>
<div style="text-align: left;">
<wj-combo-box class="gridHeaders" [isEditable]="false" [isRequired]="false"
[(selectedItem)]="copyBelowObj.refFacility"
[placeholder]="copyBelowObj.refFacilityName" [itemsSource]="refFacilities"
style="width: 75%" [displayMemberPath]="'refFacilityName'"
[selectedValuePath]="'refFacilityId'">
</wj-combo-box>
<span [wjTooltip]="'Look up'" (click)="showFacilityLookUp(null)">
<img src="assets/images/search.png" />
</span>
<span [wjTooltip]="'Copy Below'"
(click)="copyBelowValues(copyBelowObj.refFacility,{property:'refFacilityId', displayNameProperty:'refFacilityName'})">
<img src="assets/images/copy-below.png" style="width: 11px;" />
</span>
</div>
</template>
<template wjFlexGridCellTemplate [cellType]="'Cell'" let-cell="cell">
<wj-combo-box #facilityDp class="insurer-dropdown" [isEditable]="false" [isRequired]="false"
[placeholder]="cell.item.facilityName" [itemsSource]="refFacilities"
[displayMemberPath]="'refFacilityName'" [selectedValuePath]="'refFacilityId'"
[selectedValue]="cell.item.facilityId"
(lostFocus)="onFacilityDpChanged(cell.item,facilityDp.selectedItem,{property:'facilityId', displayNameProperty:'facilityName'}, false)"
style="width: 75%"></wj-combo-box>
<span [wjTooltip]="'Look up'" (click)="showFacilityLookUp(cell.item)">
<img src="assets/images/search.png" />
</span>
</template>
</wj-flex-grid-column>
