Angular2 + Ag-grid - 是否可以通過按鈕向上/向下移動一行？

-1

我有我的AG-柵陣列的一個問題，我有這樣的數組：Angular2 + Ag-grid - 是否可以通過按鈕向上/向下移動一行？

<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>

我有兩個按鈕：

<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>

，我想知道是否有可能拉昇的整行與我的向上移動按鈕並向下移動連同我的向下移動按鈕。我看着ag-grid documentation，但沒有發現這種可能性。

至少可能嗎？如果是這樣，我該如何看待這個問題？

來源

2017-04-27 UserName

是的，我能想到的兩種可能性：

重新安排rowData和電網
- 重新加載它，這可能取決於你有多少行有
- 我當然希望得到貴您在所有列上禁用了排序功能，否則您的moveUp和moveDown函數將無用
創建一個按升序順序排列的列，然後您的moveUp/moveDown函數只會將此數字更新爲1或更少，然後基於這些新值對網格進行求值。
- 這將保持rowData的順序與最初發送到網格時的順序相同，但按特定順序顯示它。
- 我認爲這可能會隱藏這個額外的列，仍然有它在列上排序。

來源

2017-04-27 20:28:50

所以我創建了一列_step_其中數字每個I添加行時間增加;但現在，我怎樣才能用按鈕修改這個值？我實際上可以修改它，如果我添加'editable：true'到我的'gridOptions.columnDefs'，但這不是我想要做的。 – UserName

Angular2 + Ag-grid - 是否可以通過按鈕向上/向下移動一行？

回答

相關問題