首页 > 解决方案 > ng2-smart-table 编辑单元格点击

问题描述

在行的任何单元格中单击(一次或两次)后,我想将行模式更改为“编辑”。

我已经看到(userRowSelect)="onUserRowSelect($event)"允许我运行代码,但我没有找到如何更改行模式。

可能吗 ?

我正在使用基于 ngx-admin 的 Angular 11 和 ng2-smart-table 1.6.0。

HTML

<ng2-smart-table  [settings]="settingsCurrentWeek"
                  [source]="sourceCurrent"
                  (createConfirm)="onCreateWeek($event)"
                  (editConfirm)="onEditWeek($event)"
                  (deleteConfirm)="onDeleteConfirm($event)">
</ng2-smart-table>

TS

settingsCurrentWeek = {
  add: {
    addButtonContent: '<i class="nb-plus"></i>',
    createButtonContent: '<i class="nb-checkmark"></i>',
    cancelButtonContent: '<i class="nb-close"></i>',
    confirmCreate: true,
  },
  edit: {
    editButtonContent: '<i class="nb-edit"></i>',
    saveButtonContent: '<i class="nb-checkmark"></i>',
    cancelButtonContent: '<i class="nb-close"></i>',
    confirmSave: true,
  },
  delete: {
    deleteButtonContent: '<i class="nb-trash"></i>',
    confirmDelete: true,
  },
  actions: { position: 'right' },
  pager: { display: true, perPage: 10 },
  noDataMessage: 'No activity.',
  mode: 'inline',
  columns: {
    name: {
      title: 'Week activities',
      type: 'string',
      filter: false,
      editable: true,
    },
    status: {
      title: 'Status',
      type: 'html',
      defaultValue: 'planned',
      editor: {
        type: 'list',
        config: {
          selectText: 'Choose...',
          list: [], // Generated later
        },
      },
      filter: false,
      editable: true,
    },
    comment: {
      title: 'Comments',
      type: 'string',
      filter: false,
      editable: true,
    },
  },
};

标签: typescriptnebularngx-admin

解决方案


推荐阅读