Question

我已经实现了对AG-Grid中所选项目的排序，而不是单击标题单击。
在选择多个列时，默认情况下，Ag网格需要按下ctrl/shift键。我想覆盖此行为，并使用上面的按钮作为标志而不是按键。

是否有可能做到这一点？我不希望有Pinned行。

Answer 1

您可以使用ag-grid排序API。已记录在here中。使用此工具，您可以在单击按钮时更新排序模型。

Answer 2

做了一些修改并使其工作。

/*onGridReady of ag-grid options*/
onGridReady: () => this.agHeaderClickListener()



    /** This function adds listener to Ag grid header click event for all columns */
    agHeaderClickListener() {
        console.log( this.elRef.nativeElement.querySelectorAll('.ag-header-cell-label'));
        let nodeList =  this.elRef.nativeElement.querySelectorAll('.ag-header-cell-label');
            for (let node of nodeList) {
                /** IE Fix */
               if (node.addEventListener) {
                   node.addEventListener('click', this.selectionChanged.bind(this));
               } else {
                   node.attachEvent('onclick', this.selectionChanged.bind(this));
               }
            }
      }

使用selectionChanged(event: any)进行所需的逻辑更改

没有键的Ag-Grid多排序列

2 个答案: