ngOnInit(): void {
this.selectUsersDataSource = [];
this.pageSettings = { pageSize: 5, pageSizes: ['5', '10', '20', '30', 'All'], pageCount: 5 };
this.selectionOptions = { type: 'Multiple' };
this.toolbarOptions = ['Search'];
this.filterOptions = {
type: 'Menu'
};
this.filter = {
ui: {
create: (args: { target: Element, column: object }) => {
const flValInput: HTMLElement = createElement('input', { className: 'flm-input' });
args.target.appendChild(flValInput);
this.dropInstance = new DropDownList({
dataSource: new DataManager(this.selectUsersDataSource),
fields: { text: 'UserID', value: 'UserID' },
placeholder: 'Select a value',
popupHeight: '200px'
});
this.dropInstance.appendTo(flValInput);
},
write: (args: {
column: object, target: Element, parent: any,
filteredValue: number | string
}) => {
this.dropInstance.value = args.filteredValue;
},
read: (args: { target: Element, column: any, operator: string, fltrObj: Filter }) => {
args.fltrObj.filterByColumn(args.column.field, args.operator, this.dropInstance.value);
}
}
};
}
rowSelected(args: RowSelectEventArgs) {
this.isSelected = this.grid.getSelectedRows().length > 0;
}
Here,when I tries to search for the data which is not present in the grid and then gets a No record found message and then if I click anywhere in the grid then getting
error as
TypeError: Cannot read property 'getBoundingClientRect' of undefined). Please referesh your page and try again.
