访问由单元渲染器创建的网格的 gridOptions

Question

我正在使用 ag-Grid 在使用单元格渲染器的网格内创建网格。这是单元格渲染器的代码。

// cell renderer class
function TestCellRenderer() {
}

// init method gets the details of the cell to be rendered
TestCellRenderer.prototype.init = function(params) {
    this.eGui = document.createElement('div');

    // console.log('params.value:', params.value);
    // console.log('eGui', this.eGui.style);

    this.eGui.style.width = '70%';
    this.eGui.classList.add("ag-theme-balham");

    this.gridOptions = {
        columnDefs: params.columns,
        rowData: rowDataContained,
        domLayout: "autoHeight",
        rowHeight: 50,
        // suppressRowClickSelection: true,
        popupParent: document.querySelector('body'),
        rowDragManaged: true,
        components: {
            'actionCellRenderer': ActionCellRenderer,
            'selectCellRenderer': SelectCellRenderer
        },
        onCellEditingStopped: function(event) {
            console.log('cellEditingStopped');
        },
        onRowClicked: function(event) { console.log('A row was clicked:', event); },
    }
    // console.log('gridOptions:', this.gridOptions);

    new agGrid.Grid(this.eGui, this.gridOptions);
};

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

此屏幕截图将更好地解释我所做的事情。

我的问题是，我为“下拉”列创建了一个 select2 单元格编辑器，但是当用户单击选择菜单中的选项时调用 api.StopEditing() 函数时遇到问题，因为它需要 gridOptions使用渲染器即时创建。

如果用户将焦点更改到不同的单元格，编辑会停止，但我希望能够在用户选择值的那一刻停止。当用户选择某些内容时，我能够将某些内容打印到控制台，但我不知道如何访问该特定网格的 gridOptions。

Answer 1

对于任何想知道的人，我通过将以下内容添加到我的 selectCellEditor.prototype.init 函数中解决了这个问题：

$credentials = [
     'user_login' => MY_USERNAME,
     'user_password' => MY_PASSWORD,
     'remember' => 1
];
   
user_login($credentials );
wp_safe_redirect( home_url() ."/dashboard");
exit;

.
.
.
function user_login($credentials){
   if(is_array($credentials )){
    wp_signon( $credentials); 
  }
}

发生了什么，当用户选择一个选项时，菜单关闭，单元格中的值发生变化。