Question

我是ag-grid的新手，我在angular5 +应用程序中使用了ag-grid。我已经通过实现IHeaderAngularComp接口实现了自定义列级过滤器。在台式机/笔记本电脑上工作正常。但不适用于iPad / mobile等触控设备。标题似乎没有检测到触摸事件。

在自定义标题中，我实现了一个输入文本框。它在台式机上工作正常，但是当我使用触摸设备iPad / mobile时，输入框将被禁用。网格版本：X.X.X “ ag-grid”：“ 15.0.0”， “ ag-grid-angular”：“ 15.0.0” 角版本：5.1.2

// custom-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;

Ag-grid Angular：自定义标头未检测到触摸

0 个答案: