Posted 27 October 2017, 12:37 am EST
Hi ,
I’m using angular 2 wijmo combobox inside a flex grid cell template. When I change the combobox selection I want to update the item property with the selected value , so I have written a selectedItemChange event handler and changing the item property of the cell item as follows
<template wjFlexGridCellTemplate [cellType]=“‘Cell’” let-cell=“cell”>
<wj-combo-box #dp [itemsSource]=“(cell.item?.marketStatusCode == ‘MART_DECLINATION’)?declineReasonRefData:notTakenReasonRefData”
[isRequired]=“false”
[selectedValue]=“cell.item.declnNTUReasonCode” [isEditable]=“false”
[displayMemberPath]=“‘codeNm’” (selectedItemChange)=“onGridDropDownChange($event,cell.item,‘clientSubjectivityIn’)”
[selectedValuePath]=“‘codeKey’” style=“width: 80%”
[isDisabled]=“(cell.item?.marketStatusCode != ‘MART_DECLINATION’ && cell.item?.clientStatusCode != ‘MART_CLIENT_STATUS_NOT_TAKEN_UP’)” >
onGridDropDownChange(event, item, property: string ): void {
if (event != null) {
console.log(event);
if(item[property] != event.codeKey)
{
this.data.editItem(item);
item[property] = event.codeKey;
this.data.commitEdit();
console.log(event);
}
}
But when i do like this, whenever i scroll the grid the selected combobox values are changing wierdly please help me to fix this issue