Cannot edit cell using editor

[fablb]

Hi,

I'm trying to enable cell editing following the documentation but it does not work. When I click on a cell, nothing happen.
I'm using slickgrid v.4.3.1 and angular v.13.3.11.

• component.html

<angular-slickgrid gridId="grid1"
            [columnDefinitions]="columnDefinitions"
            [gridOptions]="gridOptions"
            [dataset]="dataset"
            (onAngularGridCreated)="angularGridReady($event.detail)">
</angular-slickgrid>

• component.ts

import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
import { AngularGridInstance, Column, Editors, FieldType, GridOption, Observable } from 'angular-slickgrid';

@Component({
  selector: 'app-myslickgrid',
  templateUrl: './myslickgrid.component.html'
})
export class MySlickgridComponent implements OnInit {
  columnDefinitions: Column[];
  gridOptions: GridOption;
  dataset: any[];
  angularGrid: AngularGridInstance;

  constructor(private http: HttpClient) { }

  angularGridReady(grid: AngularGridInstance) {
    this.angularGrid = grid;
  }

  prepareGrid() {
    this.columnDefinitions = [
      {
        id: 'name',
        name: 'Name',
        field: 'name',
        minWidth: 100,
        type: FieldType.string,
        editor: {
          model: Editors.longText
        }
      },
      {
        id: 'code',
        name: 'Code',
        field: 'code',
        type: FieldType.string,
        editor: {
          model: Editors.text
        }
      }
    ];

    this.gridOptions = {
      enableCellNavigation: true,
    };
  }

  ngOnInit(): void {
    this.prepareGrid();
    this.loadData();
  }

  getRequest(): Observable<string[]> {
    return this.http.get<string[]>('assets/countries.json');
  }

  loadData(): void {
    this.getRequest().subscribe(((data: any[]) => {
      this.processData(data);
    }) as any);
  }

  processData(data: any[]) {
    data.forEach((item, index) => {
      item.id = index;
    });
    this.dataset = data;
  }
}

[ghiscoding]

See Example 3, read the Editors Wiki or ask your question on Stack Overflow. In your case, it looks like you missed editable: true grid option.

[fablb]

Thanks, I thought enableCellNavigation flag was the only one required by looking at this section in the doc, and the flag editable is never mentionned except in code examples.

[ghiscoding]

no if you scroll down you will see it defined, the cell navigation was mentioned as a side note. I can update the docs