在我的项目中,我使用了ignite-ui中的igGrid。列标题中有齿轮。如果用户单击齿轮,则会弹出弹出窗口(功能选择器)。我的任务是实现自定义功能选择器-当用户单击齿轮时,应该出现我的自定义功能选择器,而不是内置的功能选择器。
我知道如何实现自定义功能选择器以及排序,分组,列移动等选项。问题是我找不到如何覆盖齿轮点击事件的方法。
答案 0 :(得分:2)
您将必须找到齿轮图标并取消绑定mousedown
事件,以防止弹出功能选择器。
之后,您可以使用自定义处理程序绑定到mousedown
,以显示自定义功能选择器。
rendered: function(e, ui) {
ui.owner.headersTable()
.find("a[data-fc-button]")
.off("mousedown")
.on("mousedown", (e) => {
//open your own featurechooser here
});
},
这里是用来证明这一点的小提琴-http://jsfiddle.net/dkamburov/da276b5w