Невозможно изменить тег ввода внутри гридстера - PullRequest
Новая
       13

Невозможно изменить тег ввода внутри гридстера

0 голосов
/ 09 июля 2019

Я использовал angular-grisdter2 и kendo-UI в моем приложении. Теперь в компоненте gridster я вызываю kendo-grid, и из этого я вызываю другой компонент-кендо-диалог, в котором отображается моя динамическая форма. Форма недоступна для редактирования и кликабельности.

Я пытался удалить 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-dialog>
<app-filter [filterFeilds]="filterFeilds" (filter)="filterChange($event)"></app-filter>
</kendo-dialog>

3.app-фильтр 

<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>

Я хочу, чтобы мой ввод работал в кендо-диалоге.

...