раскрывающийся список множественных выборок angular2 (версия 2.3.0) с включенной ленивой загрузкойВыбрать браузер элементов перестает отвечать на запросы - PullRequest
Новая
       32

раскрывающийся список множественных выборок angular2 (версия 2.3.0) с включенной ленивой загрузкойВыбрать браузер элементов перестает отвечать на запросы

0 голосов
/ 04 июля 2018

приложение-module.ts 

import { AngularMultiSelectModule } from 'angular2-multiselect-dropdown/angular2-multiselect-dropdown';

HTML 

<angular2-multiselect
   #mulitSelectDropdown
   [data]="myOptions" 
   [hidden]="!searchTextHide" 
   [(ngModel)]="selectedItemsMember" 
   [settings]="multiSelectDropdownSettingsMemeber" 
   (onSelect)="onItemSelect($event)" 
   (onDeSelect)="OnItemDeSelect($event)" 
   (onSelectAll)="onSelectAll($event)" 
   (onDeSelectAll)="onDeSelectAll($event)"
   [ngClass]="{'disabled': myOptions.length === 0}"
   (onOpen)="addScrollListner(1)">
</angular2-multiselect>

ngOnInit 

 this.multiSelectDropdownSettingsLevel = {
        singleSelection: false,
        text: "Select Hierarchy",
        selectAllText: 'Select All',
        unSelectAllText: 'UnSelect All',
        enableSearchFilter: true,
        classes: "singleSelect"
    };

вызов функции 

getProductMemeberData(levelID, searchText){
    this._productHierarchyService.getProductMember(levelID, searchText)
        .map((data: any) => data.json())
        .subscribe(
        (data: any) => { 
           this.IsFilterClearBtnDisable = false;
           data.forEach(result => {
              this.myOptions.push({
                id: result.sl,
                itemName: result.itemName
              });
           });
         },
     err => console.log(err), // error
   );
}

Здесь, когда я пытаюсь выбрать любой элемент в раскрывающемся браузере, он перестает отвечать на запросы с 3000 записей в нем, без исключений / ошибка. Я использую angular2-multiselect-dropdown (версия 2.3.0) от CuppaLabs. Любая идея, как решить эту проблему, очень помогла бы.

1 Ответ

0 голосов
/ 25 июля 2018

Пожалуйста, измените настройки конфигурации, как показано ниже

  1. Измените [settings] = "multiSelectDropdownSettingsMemeber" на [settings] = "multiSelectDropdownSettingsLevel"

  2. Установите флаг lazyLoading в true и включите enableSearchFilter this.multiSelectDropdownSettingsLevel = { singleSelection: false, текст: «Выбрать иерархию», selectAllText: «Выбрать все», unSelectAllText: «Отменить выбор всех», enableSearchFilter: true, классы: "singleSelect", lazyLoading: правда, enableSearchFilter: true };

    * +1010 *
...