跳出行中的最后一个可编辑列后,在制表器中编辑下一行

时间:2019-01-11 17:24:18

标签: tabulator

使用制表符t我试图使用表进行数据输入/编辑,但是当我跳出一行的最后一个可编辑列时,焦点不会移到下一行的第一个可编辑列。有这个设置吗?如果没有,可以通过编程方式执行此操作吗?我正在查看dataEdited回调,但这是在单元格编辑中触发的,文档未显示传递给回调的对象是什么。


更新

传递给data回调的dataEdited参数只是传递给制表符的数据,因此那里对确定我是否在最后一列甚至确定什么内容没有帮助。我可以告诉我编辑过的内容。


更新

这似乎是由于我的代码中的某些内容所致,here所示的表按我的预期工作,在所有列之间进行制表,然后转到下一行。我的制表器没有什么特别的地方,我将努力将问题发布到jsfiddle之类的文件中。

如果我的制表符定义中有明显的内容,我将其移到笔上时将其张贴在这里

    this.tabAuthorizations = new Tabulator('#tabAuthorizations', {
  data: auths.map(a => ({
    ...a,
    Selected: false,
    AuthType: this.userAuthTypes.filter(x => x.AuthTypeId === a.AuthTypeId)[0].AuthType
  })),
  columns: [
    {
      title: 'Id',
      field: 'EmpAuthID',
      visible: false,
      frozen: true,
      editor: true
    },
    {
      title: 'Selected',
      field: 'Selected',
      formatter: 'tickCross',
      formatterParams: { crossElement: false },
      frozen: true,
      editor: false
    },

    {
      title: 'Type',
      field: 'AuthType',
      editor: 'autocomplete',
      editorParams: {
        values: this.userAuthTypes.map(x => x.AuthType)
      },
      frozen: true
    },
    { title: 'User', field: 'EmployeeName', editor: true },
    { title: 'Task', field: 'TaskLongName', editor: true },
    {
      title: 'Start Date',
      field: 'EmpAuthStartDate',
      formatter: 'datetime',
      formatterParams: { outputFormat: 'MM/DD/YYYY' },
      editor: this.tabService.dateEditor

    },
    {
      title: 'End Date',
      field: 'EmpAuthEndDate',
      formatter: 'datetime',
      formatterParams: { outputFormat: 'MM/DD/YYYY' },
      editor: this.tabService.dateEditor
    },
    { title: 'Payroll Item', field: 'PIListID', editor: true },
    { title: 'Service Item', field: 'SIListID', editor: true },
    { title: 'Max Hours', field: 'MaxHours', editor: 'number' },
    { title: 'Hours Worked', field: 'HoursWorked', editor: 'number' },
    { title: 'Class', field: 'ClassListID'
      , editor: 'input'
    },
    { title: 'EmployeeListID', field: 'EmployeeListID', visible: false, editor: false },
    { title: 'Row_Version', field: 'Row_Version', visible: false, editor: false }
  ],
  rowSelected: function(row) {
    row.update({ Selected: true });
  },
  rowDeselected: function(row) {
    row.update({ Selected: false });
  },
  paginationSize: 20,
  pagination: 'local',
  selectable: true,
});

0 个答案:

没有答案