问题标签 [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 投票
0 回答
968 浏览

reactjs - 如何在 Ag Grid 中添加新行并刷新我的当前页面?

我正在使用 react 和 Ag Grid,我试图在我的远程网格中添加一个新的“行”,其中包含焦点和编辑,以这种方式:

但我收到错误:

所以我认为一个可能的解决方案是,用这样的 POST 添加新的空行:

刷新数据后,在我的网格末尾添加了新行,我想用焦点和编辑到达该行,因为我可以在本地使用gridApi.setFocusedCell(...)和进行编辑gridApi.startEditingCell({...})。我怎样才能做到这一点?

谢谢

编辑 1:通过@JulienD 的评论,我了解到我的问题并不清楚,我改变了它。谢谢

0 投票
0 回答
353 浏览

ag-grid - 具有 Pivot 和 RowGroups 的 Ag-Grid 比较器函数发出相同的 valueA 和 valueB

我正在构建一个使用 ag-grid 库的 React webapp。我正在尝试使用 column.comparator 函数来比较作为 rowGroup 组的行的顶级值(网格已打开透视模式)。比较器函数的前两个参数是 valueA 和 valueB,但我 console.log 函数内部的值,它们始终是相同的值!有没有其他人经历过这个错误?难道我做错了什么?我正在尝试为我的分组行列添加自定义排序,但如果比较器功能无法正常工作,我似乎无法做到这一点。

0 投票
0 回答
119 浏览

angularjs - 当 ag-grid 处于透视模式时,我们是否有任何技巧/方法来显示带有 showRowGroup=true 的列?

我有一个以下列定义:

当网格处于透视模式时,有什么方法可以显示自动分组列左侧的“国家组 - 无渲染器”列以及聚合列?

有没有可能我们可以使用 InMemoryModel 实现这一目标?

注意:我是 ag-grid 的初学者,刚刚开始使用它。

0 投票
1 回答
1650 浏览

reactjs - 没有提出 ReactJS rowDataChanged 的​​ ag-grid

我在使用带有反应的 ag-grid 时遇到了麻烦。

一切正常,但是当数据更新时,不会引发事件 rowDataChanged。

尝试1:

尝试2:

也尝试使用 modelUpdated 事件,但没有运气。

数据通过 setState 更新,工作正常。

0 投票
1 回答
2865 浏览

javascript - ag-grid-react 在基本组件导入时崩溃:缺少 react-dom-factories

导入基本组件时,我的 webpack 崩溃了。我不确定为什么会发生这种情况,但它似乎是 ag-grid-react 包中缺少的库......以前有没有人遇到过这种情况?任何建议都会非常感激!

创建 Table 组件时它可以编译,但是一旦我按照上面的方式导入它,它就会使 webpack 崩溃。

Webpack 崩溃

./node_modules/ag-grid-react/lib/agGridReact.js 未找到模块:无法解析 '/Users/username/Sites/site/node_modules/ag-grid-react/lib 中的 'react-dom-factories' '

0 投票
2 回答
8019 浏览

angular - ag-grid :在按键时禁用单元格编辑,并使用编辑按钮以编程方式启用行编辑(Angular 2)

我在每一行都有一个编辑按钮,我已经设置了

在网格选项中

当我单击编辑按钮时,我希望该行处于编辑模式。如果我设置,我的编辑按钮可以正常工作

但它启用了我不想进行的按键编辑。

我应该如何在不将可编辑设置为 true 的情况下动态编辑该特定行defaultColdef

单击编辑时,我启用了this.gridOptions.defaultColDef.editable = true,但没有运气!

0 投票
1 回答
2077 浏览

reactjs - 标记 headerCheckboxSelection 时触发事件?

我一直在阅读ag-grid文档,但无法确定是否有任何事件可以知道何时单击了选择或取消选择所有列的复选框。

我知道我可以使用onRowSelected(),但我需要知道何时单击 Selectun-Select All以便我可以进行不同的操作。

0 投票
0 回答
294 浏览

reactjs - 使用 Relay Modern 的 ag-Grid 无限滚动

我想使用 ag-Grid 的getRows功能实现无限滚动。successCallback此函数在从服务器获取数据时调用。我正在使用 Relay Modern,他们公开了一个loadMore从 GraphQL 服务器获取其他项目的函数。这里的问题是 Relay 会将新数据传递给我的组件的道具(在这种情况下是一个列表),我将无法让 ag-Grid 知道已获取的新数据是什么(通过传递新项目到successCallback)。

这里有没有人实现过类似的东西?

0 投票
1 回答
1281 浏览

javascript - 表格样式在 AgGridReact 组件上无法正常工作?

这是组件

排序和过滤工作正常,但我无法使用图片中提到的表格格式。 }

任何人,请帮助我。我正在为表开发 AgGridReact 组件,我能够使用该组件提供的所有功能,但表没有出现。

0 投票
3 回答
2725 浏览

javascript - 角度 ag-grid 调整大小问题

我想启用列调整大小,但同时我想避免用户将任何列调整到网格左侧的大小并且在最后一列的右侧出现空白区域。我在下面附上了一张图片来解释我想要实现的目标。

在此处输入图像描述