问题标签 [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 回答
453 浏览

reactjs - 反应应用程序:在选项卡中有多个 ag-grids 的问题

我有一个使用多个 ag-grids 的反应应用程序,其中一些在选项卡中。

根据为 ag-grid 提出的这个问题,当您有多个 ag-grid(其中一些隐藏在选项卡中)时,您可以在控制台上收到与零宽度列相关的警告:

ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with zero width, maybe the grid is not visible yet on the screen?

有人对如何解决这个问题有任何建议吗?原来的海报只是切换到有一个我不能做的网格

据我所知,即使出现警告,我也可以正常运行该应用程序,但我希望尝试修复它,以防它在未来产生意外问题

0 投票
1 回答
4472 浏览

javascript - ag-grid:为网格预先设置(默认)过滤器

我有一个反应应用程序,一切似乎都很好。我想添加一个额外的过滤功能,尽管我目前被卡住了。

谁能提供一些关于如何预设过滤器的建议

使用我在本文中看到的示例过滤方法我尝试实现一个基本示例,尽管它不起作用

我期望从运行这个是货币列将被过滤条件包含过滤文本usd

==================================================编辑: 试过之后

什么都没有发生+没有错误

但是当我在现有方法中添加代码以更改过滤器时(当我手动添加过滤器时):

然后我收到以下错误

0 投票
1 回答
443 浏览

javascript - 反应:在第二次调用 componentWillRecieveProps 后运行方法

我的反应应用程序有一个主要的 ag-grid。它在单击按钮时重新呈现(提供新数据)。

我想添加一个最初过滤数据的预过滤器。所以我创建了一个新方法来创建我的预过滤器模型,然后应用它:

我知道这是通过测试工作的(我在选择行并应用过滤器时使用的方法上调用了该方法)。

问题是我在哪里调用该方法?

将其放入 componentWillRecieveProps 会导致无限循环(我假设是由于上面提到的两行代码)。

我只需要运行一次方法(每次单击按钮时)。经过一番探索,我注意到如果我添加一个计数器

这会奏效。在第二次调用 componentWillRecieveProps 后,预过滤似乎起作用。不知道为什么,但我假设第一次是渲染 ag-grid,然后第二次,一旦渲染了网格,运行我的方法就可以了。(如果我使用 if 语句条件'counter == 0',我不会看到我的 ag-grid 被过滤,我假设是因为某些内容被覆盖或没有要过滤的数据或其他东西)

当第二次,第三次等单击按钮时,这很好,该方法将不再调用

我最初的计划是让按钮 onclick 改变一个新的布尔状态变量,我的 IF 语句逻辑是:

'如果此状态布尔值为真,则等到第二次调用 componentWillRecieveProps,然后运行该方法,然后将布尔值设置为相反的值'

任何人都可以提供一些建议吗?

0 投票
1 回答
896 浏览

ag-grid - Ag-grid:企业许可证的数据大小限制

我正在将 ag-grid 集成到我的产品中,并想知道是否有人对 ag-grid 进行了压力测试以查看行数/列数(或文件大小)的限制是否会破坏 ag-grid?

0 投票
2 回答
8910 浏览

reactjs - 带有反应的ag-grid中的可点击url值

我目前正在ag-grid尝试构建一个表,如果用户单击列值,他们将被带到包含该条目详细信息的页面。

如何在 ag-grid 中使单元格值可单击?

我尝试使用valueGetter: this.urlValueGetterwithcolumnDefs和:

但现在看起来像这样:

在此处输入图像描述

然后我尝试使用template: '<a href=\'bill/{id}\'>details</a>'which 确实将单元格文本显示为可点击,但 id 未被替换。我认为如果我能以某种方式传入 id,这可以工作吗?

在此处输入图像描述

0 投票
0 回答
915 浏览

javascript - react AG-grid:范围内的日期过滤器-如果您颠倒日期,则不起作用

我正在尝试根据此链接在 ag-grid 上设置日期过滤器。主要区别在于 ag-grid 更喜欢日期格式 dd/mm/yyyy,而我的日期是 yyyy-mm-dd。

上面的代码按惯例工作,尽管我注意到一个特殊情况。选择日期过滤条件“inRange”并设置日期时,例如:

它工作正常,我看到这两个日期之间的记录,但如果你颠倒日期,即:

没有记录显示。我怎样才能克服这个故障?按照惯例,用户会将最早的日期放在首位,但这并不意味着上述情况是不可能的

0 投票
1 回答
469 浏览

ag-grid - Ag-Grid 的行问题

我正在尝试操纵与 ag-grid 插件一起使用的数据表的样式。当每行的背景颜色在 CSS 溢出父级内部时,它似乎在表格末尾之前被切断。我能做些什么来避免被切断,使一切都是彩色的?

在此处输入图像描述

0 投票
1 回答
93 浏览

ag-grid - 是否可以基于网络调用创建具有单元格渲染的主细节网格?

我创建了一个包含一些数据的静态主详细信息网格,它工作正常,现在我想填充我的“节点子详细信息”,从网络调用中获取数据,这可能吗?我的代码与此非常相似。

0 投票
2 回答
1957 浏览

ag-grid - 如何在 ag-grid 中添加自定义列菜单选项卡?

有没有办法使用我自己喜欢的图标添加自定义列菜单选项卡,单击该图标会呈现我的自定义反应组件?

就像是

仅供参考,我正在使用 v12.0.2

0 投票
0 回答
592 浏览

ag-grid - 在 AG-Grid 中使用复杂单元格渲染器进行选项卡

我正在使用 ag-grid 并希望在单元格中呈现自定义组件。我正在使用一个单元格渲染器,它可以像下面的代码一样简单。

但是,在 Tab 键时,AG-Grid 将跳过按钮并移动到下一个单元格,这使得复杂单元格的键盘导航变得不可能。有没有办法拥有一个复杂的(如在多个输入中)单元格渲染器并支持选项卡?