Angular单元格渲染器在初始化时不会获得ICellRendererParams。
创始人
2024-10-23 23:01:19
0

在Angular中,单元格渲染器在初始化时确实不会获得ICellRendererParams参数。但是,您可以通过在单元格渲染器组件中使用Input装饰器来传递参数。

以下是一个示例,演示了如何在Angular中解决这个问题:

  1. 创建一个名为CustomCellRendererComponent的新组件,并在其中定义所需的单元格渲染逻辑:
import { Component, Input } from '@angular/core';
import { ICellRendererAngularComp } from 'ag-grid-angular';

@Component({
  selector: 'app-custom-cell-renderer',
  template: `
    
{{ value }}
`, }) export class CustomCellRendererComponent implements ICellRendererAngularComp { @Input() value: any; agInit(params: any): void { // 在这里可以初始化一些其他逻辑 // params 参数可以通过绑定到组件的属性中传递 this.value = params.value; } refresh(params: any): boolean { // 刷新单元格内容 this.value = params.value; return true; } }
  1. 在使用该单元格渲染器的组件中,将CustomCellRendererComponent添加到entryComponents数组中,并在列定义的cellRendererFramework中使用该组件:
import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    
  `,
})
export class MyComponent {
  rowData = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 },
  ];

  columnDefs = [
    { headerName: 'Name', field: 'name' },
    { headerName: 'Age', field: 'age', cellRendererFramework: CustomCellRendererComponent },
  ];

  frameworkComponents = {
    customCellRenderer: CustomCellRendererComponent,
  };
}

在上面的示例中,我们将CustomCellRendererComponent添加到entryComponents数组中,并命名为customCellRenderer。然后,在列定义的cellRendererFramework中使用customCellRenderer来指定要使用的单元格渲染器组件。

现在,CustomCellRendererComponent可以通过@Input()装饰器获取值,并在渲染单元格时使用它。当单元格的值发生变化时,可以通过refresh方法来更新单元格内容。

请注意,示例中使用了ag-Grid的Angular适配器。如果您使用的是其他表格库或纯Angular,请根据您的情况进行相应的调整。

相关内容

热门资讯

透视好友!德普之星有透视辅助吗... 透视好友!德普之星有透视辅助吗(透视)透视辅助软件下载(竟然是有挂)进入游戏-大厅左侧-新手福利-激...
透视智能ai!aapoker怎... 透视智能ai!aapoker怎么设置抽水(透视)插件下载(一直真的有挂)1、每一步都需要思考,不同水...
透视模拟器!德普软件(透视)透... 透视模拟器!德普软件(透视)透视(切实是有挂)1、德普软件ai辅助优化,德普软件发牌逻辑科技护佑等级...
透视挂!aapoker发牌逻辑... 透视挂!aapoker发牌逻辑(透视)免费透视脚本(一直有挂)1.aapoker发牌逻辑 ai辅助创...
透视攻略!德普之星有透视辅助吗... 透视攻略!德普之星有透视辅助吗(透视)私人局辅助免费(竟然是真的有挂);1、不需要AI权限,帮助你快...
透视透视!aa poker辅助... 透视透视!aa poker辅助(透视)发牌逻辑(真是是有挂);1、超多福利:超高返利,海量正版游戏,...
透视脚本!德扑圈有透视吗(透视... 透视脚本!德扑圈有透视吗(透视)app安卓版破解版(原来真的是有挂);1、让任何用户在无需德扑圈有透...
透视插件!德普之星透视辅助(透... 透视插件!德普之星透视辅助(透视)免费透视(总是真的有挂);1、该软件可以轻松地帮助玩家将德普之星透...
透视代打!aapoker透视脚... 透视代打!aapoker透视脚本入口(透视)透视脚本(本来是真的有挂)1、起透看视 aapoker透...
透视教程!德普之星私人局辅助器... 透视教程!德普之星私人局辅助器(透视)透视辅助插件(总是是有挂);暗藏猫腻,小编详细说明德普之星私人...