Question

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

下面的

是来自我的父组件的代码块，我正在尝试与“ MdSelectComponent”进行通信，在下面的注释选项（模板，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

您需要将frameworkComponents属性添加到您的gridOptions

        frameworkComponents:{
            'MdSelectComponentStringName':MdSelectComponent
        }

由您决定将其描述为内部函数（因此绑定components还是隔离组件（frameworkComponents）然后您可以使用：cellEditor = 'MdSelectComponentStringName'或cellRenderer，依此类推。

查看有关doc的详细信息

AgGrid：与cellRendererFramework中的输出参数进行交互

1 个答案: