标签: ag-grid

我有一个ag网格,我试图删除一行...我能够使用"拼接"技术从数据源中删除行,之后我想刷新表.但它显示错误.这是我用来删除一行的代码

selectedvalue={} //this holds the selected row value
rowData=[]; //this holds all the row data
onRowSelected(event) {
  this.selectedvalue = event;
 }
deletebtn() {
    for (let i = 0; i < this.rowData.length; i++) {
        if (this.selectedvalue.node.data.make === this.rowData[i].make) {
            this.rowData.splice(i, 1);
            this.gridOptions.api.refreshView();
        }
    }
}

它显示了这样的错误 - >无法读取未定义的属性'refreshView'...如何在行删除后观察表中所做的更改.

我有大量的数字数据.这需要以逗号分隔值的形式呈现.对于Ex. 使用Ag-Grid 123456.78渲染123,457.请帮助我实现这一目标.

在查看了ag-Grid 单元格渲染文档后，我没有看到通过cellRenderFramework参数向单元格渲染器添加自定义属性的方法。例如，我想将回调传递给我的自定义渲染器，该渲染器在单击按钮时被调用。

class AddCellRenderer extends React.Component<ICellRendererParams, {}> {

  /**
   * Callback handle to pass data to on a click.
   */
  public static callback = (data: MyData): void => { return; };

  public constructor(params: ICellRendererParams) {
    super(params);
  }

  public render() {
    let className = 'pt-button pt-intent-success pt-icon-add';
    let text = 'Click to add';
    if (this.props.data.saved) {
      className = 'pt-button pt-intent-danger pt-icon-remove';
      text = 'Click to remove';
    }
    return (
      <button type="button" onClick={this.onClick} className={className}>{text}</button>
    );
  }

  private onClick …

我在Angular项目中有一个简单的ag-grid,并希望禁用其中一列中的单元格选择.在选择期间简单地删除默认的蓝色轮廓也没问题.当用户在其中单击时,我只是不希望对单元格进行可视化更改.我怎样才能做到这一点？

我看到它ColDef有一个有用的属性suppressNavigable,因为它不允许使用tab键选择单元格,但它仍然允许通过单击进行选择.此外,网格本身似乎提供suppressCellSelection但它看起来不够精细,似乎不会影响任何东西.

那么,我该如何删除这个蓝色边框单元格选择？

这是我对这些列定义的代码:

this.columnDefs = [
  { headerName: 'One', field: 'one' },
  { headerName: 'Two', field: 'two' },
  { 
    // I want to disable selection of cells in this column
    headerName: 'I want no cell selection!', 
    field: 'three',   
    suppressNavigable: true,
    editable: false,
  }
];

这是我用来测试的stackblitz示例:https://stackblitz.com/edit/aggrid-want-to-disable-cell-selection

这是我不希望在本专栏中看到的蓝色边框的屏幕截图:

所以我试图设置ag-grid,我不能让一件事情起作用.我希望有一个列是行动.然后我希望它有一个链接或按钮触发组件ts文件中的方法.

对于列def,我有以下内容.我究竟做错了什么？

 {
    headerName: 'Actions',
    cellRenderer: params => {
      return `<a (click)="onEditClick("${params.data.hostname}")">Edit</a>`;
    }
 }

晚安，我正在与 ag-grid 合作开发一个 React 项目。我创建了一个用户可以启用列可见性的组件，到目前为止一切顺利，运行完美。但是，当运行函数设置所有列的可见性时，会出现标题中提到的错误。执行此操作的函数如下。但另一点是，只有在启用了reactUi={true}时才会发生这种情况，如果禁用它则可以正常工作。

 const handleOnChange = (e, i) => {
    var columnApi = props.columnApi;
    columnApi.setColumnVisible(e.target.value, e.target.checked);
  };

  const handleAllChange = (e) => {
    var columnApi = props.columnApi;
    for (let index = 0; index < columns.length; index++) {
      columnApi.setColumnVisible(columns[index].colId, e.target.checked);
    }
  };

我需要根据列中的条件为ag网格中的整行提供背景颜色.我没有找到这样的例子,其中整行是根据列中的某个值着色的.

我有一个带过滤选项的ag-Grid。

如何在不使用forEachNodeAfterFilter回调的情况下获取过滤的行数？

我只想在有过滤行时启用按钮，并且我不想每次都在后台执行 foreach 循环。

我正在使用ag-grid构建angular 4应用程序,我在尝试弄清楚如何在单元格中放置链接时遇到问题.有人可以帮我解决这个问题吗？谢谢

checkboxSelection: true在 Angular & Javascript 中，我在其中一列中使用了 Ag-Grid 。

每当单击任何行的复选框时，我都需要调用一个函数...该怎么做？再次，如何在 Ag-Grid 中选中复选框时调用函数？