ng-multiselect-dropdown-尝试实现onBlur类型的事件或下拉窗口小部件关闭事件

时间:2018-08-21 20:54:31

标签: angular typescript angular5

我正在使用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的问题。

在下拉窗口小部件关闭时尝试查找功能的实现。

0 个答案:

没有答案