Angular AgGrid:与CellRenderFramework中的输出参数交互
我在应用程序中使用aggrid,我尝试使用父子组件与“CellRenderFramework”进行交互,但是这里我们只能指定组件名称,不能指定事件绑定 下面是来自我的父组件的代码块,我正在尝试与“MdSelectComponent”通信,在下面尝试了注释选项(模板、cellRenderer) 您能否建议如何向“MdSelectComponent”添加绑定Angular AgGrid:与CellRenderFramework中的输出参数交互,angular,ag-grid,Angular,Ag Grid,我在应用程序中使用aggrid,我尝试使用父子组件与“CellRenderFramework”进行交互,但是这里我们只能指定组件名称,不能指定事件绑定 下面是来自我的父组件的代码块,我正在尝试与“MdSelectComponent”通信,在下面尝试了注释选项(模板、cellRenderer) 您能否建议如何向“MdSelectComponent”添加绑定 private createColumnDefs() { return [ { headerName: '
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
},
private createColumnDefs(){
返回[
{
headerName:'名称',
字段:“名称”,
///“组”,
CellRenderParams:{
是的,
颜色:“吉尼斯黑”
},
//模板:“”,
CellRenderFramework:MdSelectComponent,
/*cellRenderer:函数(参数){
返回“”+参数值+“”
},*/
宽度:225
},
我得到了下面的github问题链接,但看起来仍然缺少正确的工作示例。。
您需要将
frameworkComponents
属性添加到gridOptions
frameworkComponents:{
'MdSelectComponentStringName':MdSelectComponent
}
这取决于您是否将其描述为内部功能(因此组件
绑定)或独立组件(框架组件
)
然后可以使用:cellEditor='MdSelectComponentStringName'
或cellRenderer
等等
查看详细信息