Ag-grid Custom Select Field Cell Renderer Value Vanilla Javascript

Question

我一直在为香草javascript Ag-Grid开发自定义选择组件，但是在CellRenderer中传递值时遇到一些困难。

自定义选择的启动如下：

osGrid.TemporaryVariables.columnDefs.push({
    field: JSONField ,
    editable: true,
    cellRenderer: 'cellRendererRichSelect',
    cellEditor: 'agRichSelectCellEditor',
    cellEditorParams: {
    values: osGrid.GridUtils.getSelectValues("+ JSONSelectValues +", '" + JSONField + "')
},
    headerName: osGrid.TemporaryVariables.headerName,
});

osGrid.GridUtils.getSelectValues函数返回一个字符串数组：

例如：[“ Record1”，“ Record2”，“ Record3”，“ Record4”，“ Record5”，“ Record6”]

我创建了CellRendererRichSelect组件来过滤值并添加一个图标和值。代码如下：

function CellRendererRichSelect(params) {
    this.eGui = document.createElement('span');  
}

CellRendererRichSelect.prototype.init = function (params) {

    if(params.value) {
        params.value.forEach(function(value, index) {
            this.eGui.innerHTML = "<div>" + value + "<i class='btn-edit-item fa fa-pencil'></i></div>";
        });
    }

};

CellRendererRichSelect.prototype.getGui = function () {
    return this.eGui;
};

正在呈现选择，但是

• 未设置所选值
• 打开选择框时未显示任何图标
• 点击选择下拉菜单中的值未设置为选中状态

如何处理这些值以显示该值和图标？