Question

我正在尝试为pe：sheet组件实现自定义单元格渲染器。

由于此组件基于Handsontable，因此我尝试了如下所述的方法： https://handsontable.com/docs/6.2.2/demo-custom-renderers.html

我还更改了从Handsontable.renderers.registerRenderer（'myRenderer'，myCustomRenderer）注册的代码；至 this.cfg.renderers.registerRenderer（'myRenderer'，myCustomRenderer）; 试图访问pe：sheet中的handontable实例。

我正在通过pe：sheet的extender属性调用sheetExtender。

function sheetExtender() {
//    this.cfg.renderers.registerRenderer('myRenderer', myCustomRenderer);
//    Handsontable.renderers.registerRenderer('myRenderer', myCustomRenderer);    
    console.log(this);
}

var myCustomRenderer = function (instance, td, row, col, prop, value, cellProperties) {
    $(td).empty().append('TEST');
};

在pe：sheetcolumn的colType属性中添加“ myRenderer”，我希望列值会被“ TEST”覆盖。

当我使用“ this.cfg ...”时，出现Uncaught TypeError：无法读取未定义的属性“ registerRenderer”。

当我使用“ Handsontable ...”时，我没有收到错误，但也没有任何结果，因为我猜想，这种方法可能没有将渲染器添加到handsontable的实际实例中。

是否可以在pe：sheet中添加自定义单元格渲染器，或者至少使单元格渲染HTML？

Answer 1

我是pe：sheet的作者。如果要自定义渲染器，可以执行以下操作...

这是它在组件中发生的地方：https://github.com/primefaces-extensions/core/blob/master/src/main/resources/META-INF/resources/primefaces-extensions/sheet/1-sheet.js#L59-L116

您可以使用自己的默认值覆盖默认的 TextCellRenderer 。

function sheetExtender() {
   this.cfg.textCellRenderer = function (instance, td, row, col, prop, value, cellProperties) {
        Handsontable.renderers.HtmlRenderer.apply(this, arguments);

        // call your custom renderer method here
        myCustomerRenderer(instance, td, row, col, prop, value, cellProperties);
   }    
}

在pe：sheet中添加自定义单元格渲染器

1 个答案: