Ag-grid Angular: пользовательский заголовок не распознает касание - PullRequest
0 голосов
/ 19 июня 2019

Я новичок в ag-grid, я использую ag-grid в приложении angular5 +. Я реализовал пользовательский фильтр на уровне столбцов, реализовав интерфейс IHeaderAngularComp. он отлично работает в настольном компьютере / ноутбуке но он не работает на сенсорных устройствах, таких как iPad / мобильный и т. д. кажется, что заголовок не обнаруживает событие касания.

В пользовательском заголовке я ввел текстовое поле ввода. на рабочем столе он работает нормально, но когда я использую сенсорное устройство iPad / mobile, поле ввода отключается. версия ag-Grid: X.X.X "ag-grid": "15.0.0", "ag-grid-angular": "15.0.0" Угловая версия: 5.1.2

// заказ header.component.html

<div>
<a class="btn btn-sm text-truncate py-0" [ngStyle]="{'width':'98%'}" (click)="sortBy($event)">
    <i class="fa" [ngClass]="{'fa-sort-desc': currentOrder=='desc', 'fa-sort-asc': currentOrder=='asc'}"
        [hidden]="!currentOrder"></i>
    <span>{{params.displayName}}</span>
</a>
<div class="input-group input-group-sm pl-2" [ngStyle]="{'width':'90%'}" *ngIf="params.bISActiveForFilter">
    <input type="text" class="form-control form-control-sm align-self-center filterTxtBox py-0" name="search"
        (keyup.enter)="onEnterPress($event)" [(ngModel)]="searchText">
    <span class="input-group-btn filterTxtClsBtn" [hidden]="!searchText">
        <button type="button" class="btn btn-outline-secondary btn-sm py-0" (click)="clearColFilter($event)"><i
                class="fa fa-times"></i></button>
    </span>
</div>

А из родительского компонента я вызываю компонент настраиваемого заголовка, как показано ниже columnDef.headerComponentFramework = CustomHeaderComponent;

...