javascript - angular-slickgrid，在选择编辑器更改事件时触发单元格编辑

Question

我正在使用 Angular-Silkgrid 和 Angular 7。我正在使用内联编辑功能。我正在使用单选编辑器进行内联编辑。目前我想实现这个功能:

一旦用户单击可编辑字段，选择下拉列表就会可见。从选择下拉列表中选择任何选项时，内联模式应该存在并且列值应该更新。

目前我需要单击其他字段才能退出内联模式(我想在选择选项时实现此目的)

editor: {
  // display checkmark icon when True
  enableRenderHtml: true,
  // tslint:disable-next-line:max-line-length
  collection: [{
    value: 1,
    label: 'Sucessful'
  }, {
    value: 2,
    label: 'Unsucessful'
  }],
  model: Editors.singleSelect, // CustomSelectEditor
  elementOptions: {
    autoAdjustDropPosition: false,
    onClick: (event, rr) => {
      // here i want to write some code which can trigger to grid to start update
    }
  }
}

Answer 1

谢谢大家的回答。我已经解决了我的问题，如下:

   editor: {
      enableRenderHtml: true,
      collection: [{ value: CCLStaus.Sucessfull, label: 'Sucessful' }, { value: CCLStaus.UnSucessfull, label: 'Unsucessful' }],
      model: Editors.singleSelect,// CustomSelectEditor
      elementOptions: {
        onClick: (event) => {
          const updateItem = this.angularSilkGrid.gridService.getDataItemByRowIndex(this.rowInEditMode);
          updateItem.status = +event.value;
          this.angularSilkGrid.gridService.updateItem(updateItem, { highlightRow: false });
          this.angularSilkGrid.gridService.renderGrid();
        }
      }
    }