Questions on Kendo UI for Angular Forum

1 question

1 answer

66 views

Hello, I have the following scenario:

The column status is represented in the following code:

   <kendo-grid-column  [headerStyle]="{'font-weight': 'bold'}" [width]="200" field="status" title="Status">
        <ng-template kendoGridCellTemplate let-dataItem>
            <span class="whole-cell" [style.backgroundColor]="colorCode(dataItem.status.description)">
                <kendo-combobox [data]="statuses" textField="description" valueField="code" [filterable]="true"
                    (filterChange)="handleFilter($event)" [(ngModel)]="dataItem.status">
                </kendo-combobox>
            </span>
        </ng-template>
    </kendo-grid-column>

When I click in the blue part, the grid run the following code:

 public cellClickHandler({ sender, rowIndex, columnIndex, dataItem, isEdited }) {
    if (!isEdited) {
      sender.editCell(rowIndex, columnIndex, this.createFormGroup(dataItem));
    }

 public createFormGroup(dataItem: any): FormGroup {
    return this.formBuilder.group({
      orderNumber: dataItem.orderNumber,
      status: [dataItem.status, Validators.required],
      customerDateWanted: dataItem.customerDateWanted,
      providerShipDate: dataItem.providerShipDate,
      boxesCount: dataItem.boxesCount,
      providerCode: dataItem.providerCode,
      brand: dataItem.brand,
      postharvest: dataItem.postharvest,
      boxType: dataItem.boxType,
      bunchesUnitPerBox: dataItem.bunchesUnitPerBox,
      flowerCost: dataItem.flowerCost,
      observation: dataItem.observation,
      slots: dataItem.slots,
      flowerCode: dataItem.flowerCode,
      flowerGrade: dataItem.flowerGrade,
      composition: dataItem.composition,
      pricesB: dataItem.pricesB
    });
  }