问题标签 [ag-grid-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3448 浏览

reactjs - 如何在 Ag-Grid-React 中将事件处理程序作为道具传递?

我不确定这是否不受支持,或者我是否还没有用Ag-Grid-React弄清楚这一点。

我的问题:我需要一个按钮组件在具有和作为道具的删除行列下的每个单元格中呈现。单击按钮后,我需要调度一个 Redux 操作,从我的表数据中删除当前行。onClicklabel

列定义:

按钮组件:

尽管已分配in ,但该组件确实可以访问和,但该Button组件不响应单击。onClickcellRendererParamsthis.props.labelthis.props.onClick

row似乎是undefined,那么在这种情况下,对于onClick处理程序来说,获取所选行数据的最佳方法是什么?

做这个的最好方式是什么?感谢您提供的任何帮助:)

0 投票
1 回答
214 浏览

ag-grid - 事件回调参数为空

我将事件侦听器定义为<AgGridReact>属性,然后也将其添加到我的onGridReady回调中:

无论哪种方式,evt对象都是空的(空对象,不是未定义的)。这是预期的行为还是我做错了什么?文档(https://www.ag-grid.com/javascript-grid-events/)没有说明会发生什么。

0 投票
1 回答
764 浏览

ag-grid - 如何为ag-grid中的每个richSelect获取自定义值

我有基于 ag-grid 覆盖范围的应用程序,其中richSelect 下拉列表用于某些列。对于某些richSelect 列,下拉列表中的值应基于id。

我的 JSON 数据如下所示:

这是我的 colDefs 的样子:

问题是,在麻省理工学院的行中,我希望用户列表中只有 Alex 和 Barbara。同样对于伯克利,我需要用户的richSelect 只有萨曼莎和阿曼达。

这里用户列表取决于collegeId。在 getValues() 中,我可以获取所有用户,但不知道如何根据匹配的学院 ID 来获取。

0 投票
2 回答
2110 浏览

reactjs - 你如何维护 reactjs/redux 应用程序列表中的选定项目?

我是 reactjs/redux 应用程序世界的新手。我正在创建一个具有页面布局的 Web 应用程序,其中左侧有一个名称列表,右侧显示所选名称的详细信息。

使用 redux,当从列表中选择一个名称时,应用程序会分派一个 ajax 调用来获取详细信息。这最终会使用选定的详细信息更新 redux 状态,并导致详细信息组件使用信息进行更新。

名称列表是使用 ag-grid 创建的,因此它能够突出显示所选项目。但是一旦 redux 状态更新,所有组件似乎都会重新呈现,并且列表中的选定项目不再被选中。我猜一般来说,名称列表的状态会在页面加载时回到初始状态(即,如果列表被过滤,则不再被过滤)。

在选择一个项目之前,我如何维护所选项目(以及该列表上所做的所有其他事情)?我几乎在想我也必须在我的 redux 状态下保持网格状态......但这是对的吗?这是我唯一的选择吗?

我的组件的结构是一个容器组件(WSContainer),它有两个子组件,NameTable 和 NameDetails。

0 投票
1 回答
3470 浏览

ag-grid - 网格显示后如何更改列标题?

我正在使用 ag-grid-react 组件,并且我希望能够更改网格中的列标题以响应我的 React 组件中的事件。我可以看到列 API 有一个 getDisplayNameForColumn() 函数,但我找不到等效的设置函数来允许我更改列标题。

我将网格列定义数组存储在我的 React 组件的状态中,我认为只需在状态下更新定义数组,组件就会被 React 框架自动刷新,并且我的新列标题会显示出来;但是,这不会发生,原始标题仍然存在。

网格初始化和显示后是否可以更改列标题?我在下面复制了我的 React 组件的代码。

}

0 投票
1 回答
259 浏览

ag-grid - Ag-grid:console.log in rowContainerComponent

我刚刚更新到最新的 ag-grid (7.2.0),现在我在所有页面上都收到了 console.log 消息。它说“可见=假”,它似乎来自 rowContrainerComponent.js 文件。

是否还有其他人遇到此问题,是否有办法退出控制台日志,或者我们是否必须更改软件包,直到更新到位?

0 投票
20 回答
65967 浏览

ag-grid - 如何使用 ag-grid 为布尔数据使用复选框

我已经搜索了一段时间,还没有看到任何真实的例子。

我正在使用 ag-grid-react 并且我想要一个包含布尔值的列来用复选框表示该布尔值,并在更改时更新 rowData 中的对象。

我知道有 checkboxSelection 并且我尝试像下面那样使用它,但意识到虽然它是一个复选框,但它没有链接到数据并且仅用于选择一个单元格。

那么有没有办法用 ag-grid 和 ag-grid-react 来做我正在寻找的东西?

0 投票
2 回答
743 浏览

reactjs - React组件Ag-grid filterChangedCallback不触发doesFilterPass

我正在尝试以编程方式使过滤器在组件加载时运行 dosFilterPass。到目前为止,我已经尝试将 filterChangedCallback 添加到 componentWillMount、componentDidMount、componentWillUpdate 和 componentDidUpdate 调用中。然而,这些调用都不会触发 dosFilterPass。使用 onChange 之类的事件处理程序从 gui 触发 filterChangedCallback 确实有效。这是一个错误吗?有谁知道如何始终如一地让 dosFilterPass 运行?

0 投票
0 回答
50 浏览

newrelic - 是否可以从 ag-grid-react 获取渲染指标(时间)?

我正在寻找一种从 ag-grid(-react) 获取渲染指标并将它们发布到 New Relic 仪表板的方法。目前我正在使用 New Relic Browser SPA API 来创建和结束交互。关键是我无法找到正确的“位置”(方法/回调/事件)。

起初我检测了我的组件componentWillUpdatecomponentDidUpdate生命周期方法,但一位同事告诉我它不会工作,因为 ag-grid 渲染与 React“断开连接”。ag-grid 提供onRowDataChanged事件,但我不确定是否在渲染开始之前或结束之后调用此方法。而且,无论如何,我需要一对方法来开始和结束 New Relic 的交互。

有没有办法做到这一点?

谢谢!

0 投票
1 回答
487 浏览

ag-grid - AgGrid setFrameworkBeans 不是函数

我在反应中使用 ag-Grid v 8.0.0 的试用企业版。我已经安装了 ag-grid-react v8.0.0 并设置了许可证。如果我尝试创建一个 Ag 网格,则使用

它给了我错误

我无法调试实际原因