Hello Team,
I am sending request to server for fetching next 15 record to bind my multiselect, its working fine in 100% resolution mode, but once I change my resolution scale to 125%. My scroll event not executing , the scrollTop and OffsetHeight is not matching the scenario. I am using row template with multiple column
SCale & Layout
Code Snap
if (!this.isScrollEventBound) {
this.isScrollEventBound = true;
let listElement: any = (this.cmbObj as any).list;
listElement.addEventListener('scroll', this.scrollEvent,);
listElement.parent = this;
}
this.isPopupOpened = true;
}
}
scrollEvent(args) {
let start1 = 15;
let end1 = 30;
let listElement: any = args.currentTarget;
let parent: any = args.currentTarget.parent;
if (listElement.scrollTop + listElement.offsetHeight >= listElement.scrollHeight
) {
let filterQuery = parent.cmbObj.query.clone();
parent.dataManager
.executeQuery(filterQuery.range(parent.start, parent.end))
.then((event: any) => {
parent.start = parent.end;
parent.end += 15;
if (event.result.length > 0) {
event.result = parent.getUniqueDataArray(event.result, parent.control.AutoCompleteModel.Data)
parent.control.AutoCompleteModel.Data = parent.control.AutoCompleteModel.Data.concat(event.result);
parent.cmbObj.addItem(event.result as { [key: string]: Object }[], parent.cmbObj.getItems().length);
parent.getSelectedValue();
}
})
.catch((e: Object) => { });
}
}
Visu
