Question

我有一个使用Angular 4 Kendo UI Grid的项目。

<kendo-grid-column 
    *ngIf="isVisible('fieldName')" 
    field="fieldName" 
    title="Some random field name">
</kendo-grid-column>

isVisible()方法根据我传递给kendo-grid-column的属性检查这些列是否可见。我想动态地在field=fieldName"中获取我指定的字段名称，因此我不需要为每列添加两次相同的文本。

某物＆＃34;魔法＆＃34;像这样：

<kendo-grid-column 
    *ngIf="isVisible(kendo.getField())" 
    field="fieldName" 
    title="Some random field name">
</kendo-grid-column>

Answer 1

您可以在kendo-grid-column

中使用[hidden]选项

示例： -

<kendo-grid [data]="gridData">
          <ng-template ngFor [ngForOf]="columns" let-column>
            <kendo-grid-column
              field="{{column}}"
              [hidden]="isVisible(column)"
            >

            </kendo-grid-column>
          </ng-template>
        </kendo-grid>

组件文件

 public isVisible(field: string): void {
      // based on your condition you can return true to hide 
      // false to show column 
        return false;
    }

plunker http://plnkr.co/edit/kk8nj4P8k4qY1psexInd?p=preview

如何获得Kendo Angular UI Grid列的字段？

1 个答案: