Question

我的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，但没有发现这种可能性。

至少可能吗？如果是的话，我应该如何看待这个问题？

Answer 1

是的，我可以想到两种可能性：

重新排列rowData并在网格中重新加载
- 根据您拥有的行数
- 我确定希望您对所有列都禁用排序，否则您的moveUp和moveDown功能将毫无用处
按照升序创建一个具有项目顺序的列，然后moveUp / moveDown函数只会将此数字更新为或更少，然后根据这些新数据求助于网格值。
- 这将使rowData的顺序与最初发送到网格时的顺序相同，但是按特定顺序显示它。
- 我认为可能隐藏这个额外的列并仍然可以在所述列上进行排序。

Angular2 + Ag-grid - 是否可以使用按钮向上/向下移动一行？

1 个答案: