在 ag-grid 标头中呈现 aurelia 自定义元素

Question

是否有一种“简单”的方法可以在 ag-grid 标题单元格中呈现自定义元素？对于一个看似简单的问题，headercomponent 接口似乎是一种过于繁琐的方法，而我使用这种方法并没有成功。我最接近的是使用类似的东西：

header-cell-render.bind="myHeaderRenderer"

当前是一个返回 HTML 字符串的函数。虽然这个“有效”（虽然我理解它已被弃用），但从 html 被注入 DOM 的意义上说，只有原始 HTML 呈现。这意味着我可以返回如下内容：

<input type="checkbox" />

它会呈现一个复选框，但我不能返回类似：

<my-custom-element></my-custom-element>

我可以在 DOM 中看到该标记，但该元素没有“处理”，即未执行控件的 Aurelia 方面。

我正在使用最新版本的 ag-grid，ag-grid-aurelia。

任何帮助将不胜感激。

Answer 1

这目前无法通过 ag-grid-aurelia 开箱即用。

这是因为 ag-grid-aurelia makes no special handling 用于此绑定。处理这个问题的正确方法是使用replaceable parts，它允许您为 Aurelia 指定一个模板来注入和使用。 ag-grid 使这变得有点困难，因为似乎将内容注入标头的唯一本机工具是by passing an HTML string or an HTML element in the column configuration。这很可能通过使用可替换部分和@children 装饰器的组合添加到 aurelia 库中，以访问 aurelia 渲染的标题元素并将其传递给列配置。