如何在 ag-grid ng2 中拖放行（重新排序行）

Question

我需要在 ag-grid-ng2 中拖放行并重新排列行。我使用了 processRowPostCreate 但事件（ondragstart,ondrop）没有被触发。 在此先感谢您的帮助

Answer 1

我能够基于拖放功能进行重新排序。这是我的代码。当网格按列排序时，我跳过了修改（由于排序，拖放不会有任何视觉效果）。

        processRowPostCreate: (params) => {
            params.eRow.draggable = true;
            params.eRow.ondragstart = (event: DragEvent) => {
                this._newRowIndex = params.rowIndex;
                this._currentRowIndex = params.rowIndex;
            };
            params.eRow.ondragenter = (event: DragEvent) => {
                this._newRowIndex = params.rowIndex;
            };
            params.eRow.ondragend = (event: DragEvent) => {
                let sortmodel = this.gridOptions.api.getSortModel();
                if (sortmodel.length === 0 && this._newRowIndex !== this._currentRowIndex) {
                    let record = params.node.data;
                    this.handleRearrangement();
                    this.records.splice(this._newRowIndex, 0, this.records.splice(this._currentRowIndex, 1)[0]);
                    this.gridOptions.api.removeItems([params.node], false);
                    this.gridOptions.api.insertItemsAtIndex(this._newRowIndex, [record], false);
                } else {
                    this._newRowIndex = this._currentRowIndex; // just to be sure
                }

            };
        }