Angular Ag-Grid-如何收集标题单击事件? [英] Angular ag-grid - how do I collect a header clicked event?
本文介绍了Angular Ag-Grid-如何收集标题单击事件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想从未排序列中的标题单击中捕获事件,但我不知道如何做到这一点.如果我打开 onSortChanged
进行排序,就可以得到它,但是如果这样做,我将无法取消排序/关闭显示的箭头形式.有什么想法可以简单地抓住标题单击事件吗?谢谢.
I want to catch an event from a header click in a non-sorted column and I can't figure out how to do so. I can get it if I turn on sorting with onSortChanged
but if I do that, I can't suppress the sort/turn off the arrows form displaying. Any ideas how to simply grab the a header clicked event? Thank you.
推荐答案
要获得预期的结果,请使用以下在标头单元格上使用addEventListener的选项
To achieve expected result, use below option of using addEventListener on Header cell
this.gridOptions = <GridOptions>{
enableSorting: false,
enableFilter: true,
onGridReady: (params) =>{
const header = document.querySelectorAll('.ag-header-cell');
console.log(header);
header.forEach(v => {
v.addEventListener('click', function(event){
console.log("clicked")
})
});
}
};
参考工作代码-当前只有rowClick事件,没有Column标头事件
Currently there is only rowClick events and no Column header events
这篇关于Angular Ag-Grid-如何收集标题单击事件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文