Angular 角度2+;Ag网格-是否可以使用按钮向上/向下移动一行?

Angular 角度2+;Ag网格-是否可以使用按钮向上/向下移动一行?,angular,ag-grid,Angular,Ag Grid,我的ag网格阵列有问题,我有以下阵列: <div style="width: 100%;"> <ag-grid-angular #agGrid style="width: 100%; height: 200px;" class="ag-fresh" [gridOptions]="gridOptions" [rowData]="rowData"

我的ag网格阵列有问题,我有以下阵列:

<div style="width: 100%;">
        <ag-grid-angular #agGrid style="width: 100%; height: 200px;" class="ag-fresh"
                         [gridOptions]="gridOptions"
                         [rowData]="rowData"
                         [columnDefs]="columnDefs"
                         enableColResize
                         rowSelection="multiple"
                         (columnResized)="onColumnEvent($event)"
                         (columnPinnedCountChanged)="onColumnEvent($event)">
        </ag-grid-angular>
    </div>

但是没有发现这种可能性


至少有可能吗?如果是,我应该如何研究这个问题?

是的,我可以想到两种可能性:

  • 重新排列行数据并将其重新加载到网格中
    • 这可能会变得昂贵,具体取决于您有多少行
    • 我当然希望您在所有列上都禁用了排序,否则您的
      moveUp
      moveDown
      函数将毫无用处
  • 创建一个列,使项目的顺序按升序排列,然后您的
    moveUp
    /
    moveDown
    函数只需将该数字更新为一个或多个,然后根据这些新值使用网格。
    • 这将保持rowData的顺序与最初发送到网格时相同,但以特定的顺序显示
    • 我认为有可能隐藏这个额外的列,并且仍然在所述列上对其进行排序
  • 因此,我创建了一个列步骤,在该步骤中,每次添加一行时,数字都会增加;但是现在,我如何用按钮修改这个值呢?如果我将
    editable:true
    添加到我的
    gridOptions.columnDefs
    中,我实际上可以修改它,但这不是我想要做的。
    <div class="bouton" placement="top" ngbTooltip="Déplacer instruction vers le haut">
        <button (click)="moveUp()">
            <img src="/src/images/flechehaut.png" style="width:60px;height:60px;" />
                </button>
    </div>
    <div class="bouton" placement="top" ngbTooltip="Déplacer instruction vers le bas">
        <button (click)="moveDown()">
            <img src="/src/images/flechebas.png" style="width:60px;height:60px;" />
        </button>
    </div>