Javascript 在Ag Grid中,是否有一种方法可以让选择下拉单元格编辑器和自定义单元格渲染按钮触发事件?
我使用Angular 5和Ag Grid,希望列的单元格有一个丰富的下拉选择(我已经实现了这一点),但也希望有一个选项可以将一个新项目添加到此列表中 我试图通过使用自定义渲染器渲染单元格值旁边的按钮来实现这一点。我想让这个按钮触发一个事件,但是当我单击单元格时,或者什么都没有发生,或者如果我双击选择选项弹出窗口显示。如果可以在一个简单的渲染器函数中创建新的渲染器组件,我希望不必创建新的渲染器组件。这就是我试图做的。按钮会渲染,但单击时不会触发事件。是否有可能将按钮添加到弹出式选择编辑器中 我正在努力实现类似的目标: 但是没有额外的渲染器组件Javascript 在Ag Grid中,是否有一种方法可以让选择下拉单元格编辑器和自定义单元格渲染按钮触发事件?,javascript,angular,ag-grid,ag-grid-angular,cellrenderer,Javascript,Angular,Ag Grid,Ag Grid Angular,Cellrenderer,我使用Angular 5和Ag Grid,希望列的单元格有一个丰富的下拉选择(我已经实现了这一点),但也希望有一个选项可以将一个新项目添加到此列表中 我试图通过使用自定义渲染器渲染单元格值旁边的按钮来实现这一点。我想让这个按钮触发一个事件,但是当我单击单元格时,或者什么都没有发生,或者如果我双击选择选项弹出窗口显示。如果可以在一个简单的渲染器函数中创建新的渲染器组件,我希望不必创建新的渲染器组件。这就是我试图做的。按钮会渲染,但单击时不会触发事件。是否有可能将按钮添加到弹出式选择编辑器中 我正在
columnDef: {
headerName: col,
field: col.toLowerCase(),
type: [],
editable: true,
cellRenderer: this.subCatButtonRenderer,
cellRendererParams: {onClick: this.addSubCat.bind(this)}
cellEditor: 'agRichSelectCellEditor',
cellEditorParams: {values: ['subCat1', 'subCat2', 'subCat3']}
}
addSubCat(e) {
console.log(e.rowData);
}
subCatButtonRenderer(params) {
return params.value + ' <button (click)="onClick($event)">Add New</button>';
}
columnDef:{
校长姓名:上校,
字段:col.toLowerCase(),
类型:[],
是的,
cellRenderer:this.subCatButtonRenderer,
CellRenderParams:{onClick:this.addSubCat.bind(this)}
cellEditor:“agRichSelectCellEditor”,
cellEditorParams:{value:['subCat1','subCat2','subCat3']}
}
添加子类别(e){
console.log(如rowData);
}
子按钮渲染器(参数){
返回params.value+'添加新';
}