我正在使用ng-multiselect-dropdown在我的应用程序中显示一个包含用户ID的下拉列表。在此下拉菜单中,我需要将选定的选项保留在下拉菜单的顶部(在10个选项中,如果我从列表底部选择3个选项,那么它们应该在列表顶部可见)
不幸的是,此下拉列表没有回调方法来捕获dropdown-widget关闭。我正在尝试使用以下代码来实现此功能-
<span (focusout)="onFocusOut()">
<ng-multiselect-dropdown class ="ng-multiselect" [data]="userList" [(ngModel)]="selectedUsers" [settings]="multiSelect" name="usersList" (onSelect)="onItemSelect($event)">
</ng-multiselect-dropdown>
</span>
TS
onItemSelect(users: User) {
this.userData= users;
}
onFocusOut(): void {
this.sortUserListAfterEachSelection(this.userData);
}
sortUserListAfterEachSelection(userList: User) {
//sorting logic
}
focusout函数正在调用,即使我尝试从下拉列表(下拉窗口小部件)中选择选项,并且我也面临由于onItemSelect和onFocusOut函数都被执行而导致userList为null的问题。
在下拉窗口小部件关闭时尝试查找功能的实现。