如何在ag-grid ng2中拖放行(重新排序行)

时间:2017-03-10 13:14:56

标签: angular ag-grid-ng2

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

1 个答案:

答案 0 :(得分: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
                }

            };
        }