在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装饰器的组合添加到ag-grid-aurelia库中，以获取对aurelia呈现的头元素的访问权并将其传递给列配置。