IgGrid - 如何将自定义功能选择器连接到网格？

Question

在我的项目中，我使用 ignite-ui 的 igGrid。在 headers 列中有齿轮。如果用户单击齿轮，则会出现一个弹出窗口（功能选择器）。我的任务是实现自定义功能选择器 - 当用户点击齿轮时，我的自定义功能选择器应该出现，而不是 built-in 功能选择器。

我知道如何实现自定义功能选择器和排序、分组、列移动等选项。问题是我找不到如何覆盖齿轮点击事件。

Answer 1

您必须找到齿轮图标并取消绑定 mousedown 事件以防止功能选择器弹出。之后，您可以使用自定义处理程序绑定到 mousedown 以显示自定义功能选择器。

rendered: function(e, ui) {
    ui.owner.headersTable()
    .find("a[data-fc-button]")
    .off("mousedown")
    .on("mousedown", (e) => {
        //open your own featurechooser here
    });
},

这里有一个 fiddle 来演示这一点 - http://jsfiddle.net/dkamburov/da276b5w

IgGrid - 如何将自定义功能选择器连接到网格？

IgGrid - How to connect custom feature chooser to the grid?

infragistics

ignite-ui