Angular 角度2+;Ag网格-是否可以使用按钮向上/向下移动一行?
我的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"
<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>