AgGrid:与cellRendererFramework中的输出参数交互

Question

我在我的应用程序中使用了aggrid，我试图使用父子组件和'cellRendererFramework‘进行交互，但是在这里我们只能指定组件名称，而不能指定事件绑定。

下面是我的父组件的代码块，我正在尝试与“MdSelectComponent”通信，尝试下面注释的选项(template，cellRenderer)。

你能建议如何向'MdSelectComponent‘添加绑定吗？

private createColumnDefs() {
    return [
      {
        headerName: 'Name',
        field: 'name',
        ///cellRenderer:"group",
        cellRendererParams: {
          suppressCount: true,
          color: 'guinnessBlack'
        },
        //template:"<MdSelectComponent></MdSelectComponent>",
        cellRendererFramework: MdSelectComponent,

        /*cellRenderer: function(params) {
          return '<span>'+ params.value+'</span><a href="https://www.google.com" target="_blank">test</a>'
        },*/
        width: 225
      },

我得到了下面的github问题链接，但看起来仍然缺少正确的工作示例。https://github.com/ag-grid/ag-grid-angular/issues/78

Answer 1

您需要在gridOptions中添加frameworkComponents属性

        frameworkComponents:{
            'MdSelectComponentStringName':MdSelectComponent
        }

这取决于您是将其描述为内部函数(因此是components绑定)还是独立组件(frameworkComponents)，然后您可以使用：cellEditor = 'MdSelectComponentStringName'或cellRenderer等等。

在doc上查看详细信息