Question

我在我的应用程序中使用了angular-grisdter2和kendo-UI，现在在gridster组件中我叫kendo-grid，从那以后我又调用了另一个组件kendo-dialog，其中呈现了我的动态形式。问题是我表单不可编辑也不可点击。

我曾尝试从代码中删除gridster-item，然后表单就可以了。但是我需要根据需要在我的应用程序中使用gridster。

1.Dashobard

<gridster [options]="options">
      <gridster-item [item]="item" *ngFor="let item of dashboard">
        <app-kendo-grid [url]="url" [headerCellOptions]="{
            background: '#ff0000',
            textAlign: 'center'
          }" [cellOptions]="" [title]="'XYZ'" [workspace]="'positions'" [groupFooterCellOptions]=""
          [footerCellOptions]="" [multiple]="true" [buttonCount]="buttonCount" [info]="info" [type]="type"
          [pageSizes]="pageSizes" [selectedColumns]="selectedColumns" [dataService]="positionService"
          [filterFeilds]="positionFeilds" [goToUrl]="'positions'" [previousNext]="previousNext"></app-kendo-grid>
      </gridster-item>
<gridster>

2.app-kendo-grid

<kendo-dialog>
<app-filter [filterFeilds]="filterFeilds" (filter)="filterChange($event)"></app-filter>
</kendo-dialog>

3.app-filter

<div *ngFor="let item of filterFeilds" class="main-div">
        <app-dynamic-form [elements]="item" [form]="myGroup"></app-dynamic-form>
</div>

4。动态形式

<ng-container *ngIf="elements.controlType === 'text' && elements.visible">
    <div class="form-group form-row">
      <label class="col-sm-4 col-form-label">{{elements.label}}</label>
      <div class="col-sm-8">
        <input kendoTextBox [formControlName]="elements.key" />
      </div>
    </div>
  </ng-container>

我希望我的输入能在剑道对话框中工作。

无法在gridster中编辑输入标签

0 个答案: