如何从 slickgrid 中的自定义组件获取输出?
How to get output from custom component in slickgrid?
我有 ionic 应用程序并在 slickgrid 中使用自定义组件。我可以从 slickgrid 向我的组件提供输入。但是我没有收到从我的组件发送到 slickgrid 的输出。
renderAngularComponent(cellNode: HTMLElement, row: number, dataContext: any, colDef: Column) {
if (colDef.params.component) {
const componentOutput = this.angularUtilService.createAngularComponent(colDef.params.component);
Object.assign(componentOutput.componentRef.instance, { selectedItem: dataContext, a: this.a, b: this.b });
setTimeout(() => $(cellNode).empty().html(componentOutput.domElement));
}
}
我是这样在列定义中调用上述方法的
asyncPostRender: this.renderAngularComponent.bind(this)
这就是为 component.please 提供输入,指导在 slickgrid 组件中接收输出或回调的方式。
componentOutput.componentRef.instance
包含组件实例,因此您只需手动附加输出 属性,例如,如果有 save
componentOutput.componentRef.instance.save.subscribe(()=>{console.log("method called");
我有 ionic 应用程序并在 slickgrid 中使用自定义组件。我可以从 slickgrid 向我的组件提供输入。但是我没有收到从我的组件发送到 slickgrid 的输出。
renderAngularComponent(cellNode: HTMLElement, row: number, dataContext: any, colDef: Column) {
if (colDef.params.component) {
const componentOutput = this.angularUtilService.createAngularComponent(colDef.params.component);
Object.assign(componentOutput.componentRef.instance, { selectedItem: dataContext, a: this.a, b: this.b });
setTimeout(() => $(cellNode).empty().html(componentOutput.domElement));
}
}
我是这样在列定义中调用上述方法的
asyncPostRender: this.renderAngularComponent.bind(this)
这就是为 component.please 提供输入,指导在 slickgrid 组件中接收输出或回调的方式。
componentOutput.componentRef.instance
包含组件实例,因此您只需手动附加输出 属性,例如,如果有 save
componentOutput.componentRef.instance.save.subscribe(()=>{console.log("method called");