问题标签 [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.
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?
有人对如何解决这个问题有任何建议吗?原来的海报只是切换到有一个我不能做的网格
据我所知,即使出现警告,我也可以正常运行该应用程序,但我希望尝试修复它,以防它在未来产生意外问题
javascript - ag-grid:为网格预先设置(默认)过滤器
我有一个反应应用程序,一切似乎都很好。我想添加一个额外的过滤功能,尽管我目前被卡住了。
谁能提供一些关于如何预设过滤器的建议
使用我在本文中看到的示例过滤方法我尝试实现一个基本示例,尽管它不起作用
我期望从运行这个是货币列将被过滤条件包含过滤文本usd
==================================================编辑: 试过之后
什么都没有发生+没有错误
但是当我在现有方法中添加代码以更改过滤器时(当我手动添加过滤器时):
然后我收到以下错误
javascript - 反应:在第二次调用 componentWillRecieveProps 后运行方法
我的反应应用程序有一个主要的 ag-grid。它在单击按钮时重新呈现(提供新数据)。
我想添加一个最初过滤数据的预过滤器。所以我创建了一个新方法来创建我的预过滤器模型,然后应用它:
我知道这是通过测试工作的(我在选择行并应用过滤器时使用的方法上调用了该方法)。
问题是我在哪里调用该方法?
将其放入 componentWillRecieveProps 会导致无限循环(我假设是由于上面提到的两行代码)。
我只需要运行一次方法(每次单击按钮时)。经过一番探索,我注意到如果我添加一个计数器
这会奏效。在第二次调用 componentWillRecieveProps 后,预过滤似乎起作用。不知道为什么,但我假设第一次是渲染 ag-grid,然后第二次,一旦渲染了网格,运行我的方法就可以了。(如果我使用 if 语句条件'counter == 0',我不会看到我的 ag-grid 被过滤,我假设是因为某些内容被覆盖或没有要过滤的数据或其他东西)
当第二次,第三次等单击按钮时,这很好,该方法将不再调用
我最初的计划是让按钮 onclick 改变一个新的布尔状态变量,我的 IF 语句逻辑是:
'如果此状态布尔值为真,则等到第二次调用 componentWillRecieveProps,然后运行该方法,然后将布尔值设置为相反的值'
任何人都可以提供一些建议吗?
ag-grid - Ag-grid:企业许可证的数据大小限制
我正在将 ag-grid 集成到我的产品中,并想知道是否有人对 ag-grid 进行了压力测试以查看行数/列数(或文件大小)的限制是否会破坏 ag-grid?
reactjs - 带有反应的ag-grid中的可点击url值
我目前正在ag-grid
尝试构建一个表,如果用户单击列值,他们将被带到包含该条目详细信息的页面。
如何在 ag-grid 中使单元格值可单击?
我尝试使用valueGetter: this.urlValueGetter
withcolumnDefs
和:
但现在看起来像这样:
然后我尝试使用template: '<a href=\'bill/{id}\'>details</a>'
which 确实将单元格文本显示为可点击,但 id 未被替换。我认为如果我能以某种方式传入 id,这可以工作吗?
javascript - react AG-grid:范围内的日期过滤器-如果您颠倒日期,则不起作用
我正在尝试根据此链接在 ag-grid 上设置日期过滤器。主要区别在于 ag-grid 更喜欢日期格式 dd/mm/yyyy,而我的日期是 yyyy-mm-dd。
上面的代码按惯例工作,尽管我注意到一个特殊情况。选择日期过滤条件“inRange”并设置日期时,例如:
它工作正常,我看到这两个日期之间的记录,但如果你颠倒日期,即:
没有记录显示。我怎样才能克服这个故障?按照惯例,用户会将最早的日期放在首位,但这并不意味着上述情况是不可能的
ag-grid - 是否可以基于网络调用创建具有单元格渲染的主细节网格?
我创建了一个包含一些数据的静态主详细信息网格,它工作正常,现在我想填充我的“节点子详细信息”,从网络调用中获取数据,这可能吗?我的代码与此非常相似。
ag-grid - 如何在 ag-grid 中添加自定义列菜单选项卡?
有没有办法使用我自己喜欢的图标添加自定义列菜单选项卡,单击该图标会呈现我的自定义反应组件?
就像是
仅供参考,我正在使用 v12.0.2
ag-grid - 在 AG-Grid 中使用复杂单元格渲染器进行选项卡
我正在使用 ag-grid 并希望在单元格中呈现自定义组件。我正在使用一个单元格渲染器,它可以像下面的代码一样简单。
但是,在 Tab 键时,AG-Grid 将跳过按钮并移动到下一个单元格,这使得复杂单元格的键盘导航变得不可能。有没有办法拥有一个复杂的(如在多个输入中)单元格渲染器并支持选项卡?