Программно скрыть столбцы в GridComponent с Kendo UI для Angular - PullRequest
Новая
       10

Программно скрыть столбцы в GridComponent с Kendo UI для Angular

0 голосов
/ 27 сентября 2018

Я пытаюсь установить столбцы в GridComponent как скрытые программно с помощью Kendo UI для Angular, но не могу найти какую-либо функцию или свойство, кроме свойства [hidden] в компоненте html-элемента.

Это та же функциональность, что и при проверке столбца как видимого / скрытого в нужном меню столбца.

Возможно ли это?

1 Ответ

0 голосов
/ 27 сентября 2018

Я отредактировал пример этого скрыть столбец , меню столбца работает и столбец также скрывается

Пример URL: https://stackblitz.com/edit/angular-s2rip3?file=app/app.component.ts

, который вы можете посетитьздесь, чтобы увидеть пример обновления https://gvfum8.run.stackblitz.io и код для этого примера 

@Component({
    selector: 'my-app',
    template: `
        <kendo-grid [data]="gridData" style="height:400px" [columnMenu]="true">
          <ng-template ngFor [ngForOf]="columns" let-column>
            <kendo-grid-column
              field="{{column}}"
              [hidden]="hiddenColumns.indexOf(column) > -1"
            >
              <ng-template kendoGridHeaderTemplate let-dataItem>
                  {{dataItem.field}}
              </ng-template>
            </kendo-grid-column>
          </ng-template>
        </kendo-grid>
    `
})
export class AppComponent {
    public gridData: any[] = sampleCustomers;

    public columns: string[] = [
      'CompanyName', 'ContactName', 'ContactTitle'
    ];

    public hiddenColumns: string[] = [];

    public restoreColumns(): void {
        this.hiddenColumns = [];
    }

    constructor(){
      this.hiddenColumns.push("CompanyName");
    }
}

Есть три столбца, 1-й столбец скрыт и показывает два столбца.

...