Фильтрование шаблона столбца в сетке Kendo UI - PullRequest
Новая
       13

Фильтрование шаблона столбца в сетке Kendo UI

0 голосов
/ 05 марта 2019

В этом паке У меня есть интерфейс Kendo для угловой сетки с двумя столбцами.Первый столбец является шаблоном, а второй столбец - строковым полем без шаблона.

Сетка фильтруется, но только во втором столбце отображается поле для ввода фильтра.Первый столбец не соответствует шаблону, и Кендо не знает, что фильтровать.

Шаблон на самом деле является якорем в формате: <a (click)="...">{{dataItem.ContactName}}</a> Мне нужно отфильтровать по полю ContactName.Как этого добиться? 

@Component({
    selector: 'my-app',
    template: `
      <kendo-grid #grid [kendoGridBinding]="gridData" 
            [filterable]="true" [resizable]="true">
        <kendo-grid-column title="Contact Name">
            <ng-template kendoGridCellTemplate let-dataItem>
                <a href="javascript:void(0)"
                    (click)="alert(dataItem.ContactName)">
                   {{dataItem.ContactName}}
                </a>
            </ng-template>
        </kendo-grid-column>
        <kendo-grid-column field="City" title="City"></kendo-grid-column>    
      </kendo-grid>   `
})
export class AppComponent {

    @ViewChild('grid') grid: GridBinding;

    public gridData: any[] = customers;

}

1 Ответ

0 голосов
/ 05 марта 2019

Сетка не знает, как / что фильтровать, потому что вам не хватает атрибута field в первом столбце.

Как только этот атрибут станет доступен, столбец покажет входные данные фильтра. 

<kendo-grid-column field="ContactName" title="Contact Name">
                   ~~~~~~~~~~~~~~~~~~
    <ng-template kendoGridCellTemplate let-dataItem>
        ...
    </ng-template>
</kendo-grid-column>

Обновлен Plunker

...