微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

自定义角度剑道网格组件

如何解决自定义角度剑道网格组件

我尝试创建一个自定义的角度剑道网格组件。一些列应该从 ContentChildren 一些经典的 *ngFor 创建。这是需要的,因为某些列是样本并从配置文件获取。有些页面我们有功能栏,示例复选框。 像这样

<kendo-grid
  [data]="dataResult"
  [pageSize]="state.take"
  [skip]="state.skip"
  [sort]="state.sort"
  [filter]="state.filter"
  [sortable]="true"
  [loading]="loading"
  [pageable]="true"
  (dataStateChange)="onDataStateChange($event)"
>
  <ng-template ngFor let-column [ngForOf]="columns">
    <ng-container [ngTemplateOutlet]="column"></ng-container>
  </ng-template>
  <kendo-grid-column
    *ngFor="let field of options.fields"
    [field]="field.id"
    [title]="field.columnName"
    [width]="field.width"
  ></kendo-grid-column>
</kendo-grid>



export class GridComponent implements AfterContentChecked {
  @input()
  data: any[] = [];

  @input()
  filters: FilterDescriptor[] = [];

  @input()
  sorts: SortDescriptor[] = [];

  @input()
  options: Report = {};

  @ContentChildren(ColumnComponent)
  columns: QueryList<ColumnComponent>;

  dataResult: DataResult;
  state: State;
  loading: boolean;

  constructor() {
    this.state = {
      take: 10,skip: 0,filter: {
        logic: 'and',filters: this.filters
      },sort: this.sorts
    };
  }
  ngAfterContentChecked(): void {}

  ngOnInit(): void {}

  onDataStateChange(state: DataStateChangeEvent): void {
    this.state = state;
  }
}

有可能吗?因为我得到错误

TypeError: templateRef.createEmbeddedView 不是函数

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。