angular2-Multiselect下拉选择在ngx-datatable中不起作用

时间:2018-06-06 11:35:19

标签: angular ngx-datatable

参考屏幕截图

enter image description here

我在ngx-datatable标头中添加了angular2-multiselect下拉列表来过滤记录,我为所有列下拉列表绑定了相同的ng-model对象,数据绑定正确,但所有下拉列表都被禁用。我无法做出选择。

<ngx-datatable [NgxTableToolTipChange]="columns" class="material  fixed-header ngx-datatable scroll-vertical" style="width:auto !important" #changeRequesttable
     [ngClass]="{'overlayDiv': blurParamParent,'':!blurParamParent}"
     [rows]="rows"
     [loadingIndicator]="loading$|async"
     [columns]="columns"
     [columnMode]="'toggle'"
     [headerHeight]="isMultiFilter?58:40"
     [footerHeight]="40"
     [rowHeight]="38"
     [reorderable]="true"
     [scrollbarV]="true"
     [scrollbarH]="true"
     [selectionType]="'checkbox'"
     [selected]="selected"
     [displayCheck]="displayCheck"
     (select)='onSelect($event)'
     [messages]="messages">
  <ngx-datatable-column *ngFor="let col of columns" name="{{col.name}}" prop="{{col.prop}}">

      <ng-template let-column="column" ngx-datatable-header-template>
          <span title="{{col.name}}">{{col.name}}</span>
              <span *ngIf="col.prop != 'details' && isAbovethreshold">
                <br *ngIf="isMultiFilter" />
                <angular2-multiselect tabindex="0" *ngIf="isMultiFilter" id="dropdownFilterValues" class="form-control"
                    [data]="bindFilterDropdownData(col.prop)"
                    (onSelect)="onItemSelect($event)" 
                    [(ngModel)]="selectedItems" 
                    [settings]="dropdownSettingsForColumnFilter">
                  </angular2-multiselect>
                    </span>
      </ng-template>
  </ngx-datatable-column>
</ngx-datatable>

0 个答案:

没有答案