问题标签 [ag-grid-vue]

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 回答
55 浏览

javascript - Vue Js,Ag-grid - :使用 cellStyle 或 cellRenderer 根据下拉值突出显示网格单元格

基本上,屏幕有 2 个下拉列表(v-select 多选)和下面的 ag-grid,我需要根据从下拉列表中选择的值突出显示单元格。

下拉菜单:

“选择分类帐”-(来自 api 的分类帐列表)和
“选择期间”(期初余额、期末余额、期末余额和期初余额)。

Ag-grid-vue 在下拉列表下方有 3 列 -

“分类帐清单”、“期初余额”和“期末余额”。

当从“选择分类帐”下拉列表中选择一个/多个值时,必须从“分类帐列表”列中突出显示相应的单元格,并且当在“选择分类帐”后选择“选择期间”时,分类帐行的相应单元格必须是根据所选值突出显示期初余额或期末余额或两者。我正在使用“cellStyle”并且能够突出显示分类帐列,但我无法弄清楚如何突出显示相应的单元格。

(下拉 2 必须使用选定的下拉 1 值来突出显示相应的单元格。

https://codeshare.io/ZJD3w7

0 投票
0 回答
58 浏览

ag-grid - ag-grid-vue:中心列内容

版本:

如何将内容集中在单个列下?

请注意,我尝试了各种解决方案;都失败了。我在下面列出代码。以下是我尝试过的案例。

尝试类似于 rightAligned 的方法。

文档描述了如何将列配置为右对齐数字。IE:

leftAligned直觉上,我猜想这centerAligned会对单元格内容的水平对齐产生类似的影响。 没有。 这没有记录,显然不支持。

尝试细胞类。

然后我尝试设置一个自定义类,并尝试了适合普通收件箱内容以及弹性绑定内容的样式:

和:

或与:

没有。那也行不通。

尝试使用 ag-grid 提供的内置样式。

我使用其中一种内置样式成功地将列标题标签居中:

为了获得内容单元格的类似行为,我然后尝试了这个:

没有。 那也不行。

我们如何才能使整列居中?这是我的设置:

0 投票
0 回答
27 浏览

nuxt.js - nuxtjs ag-grid 主细节

我尝试在 nuxtjs 中使用 Ag-grid 主细节。

正如在文档中

导入组件

注册组件

初始化 detailCellRenderer 属性

农业网格

现在的 detailCellRendererVue.js 与文档中的相同

我收到警告 ag-grid-community.cjs.js?7fb8:16750 AG Grid:正在寻找组件 [myDetailCellRenderer] 但未找到。

AG Grid:找不到主详细信息的详细网格选项,请设置 gridOptions.detailCellRendererParams.detailGridOptions

ag-grid-enterprise.cjs.js?599e:49435 AG Grid:找不到主/详细信息的 getDetailRowData,请设置 gridOptions.detailCellRendererParams.getDetailRowData

并且细节组件不重。我究竟做错了什么?

0 投票
1 回答
89 浏览

ag-grid - AG Grid:仅在单元格中居中复选框

版本:

请参阅下面的屏幕截图。在我columnDefs的 for 中ag-grid,我已经指定checkboxSelection: true了该Pending列。我不希望在该列中呈现任何文本。相反,我希望在每个单元格中都有一个复选框。这可以做到吗?按照现在的情况,复选框在单元格中是左对齐的。

这是 columnDef 的Pending

这是列标题的样式:

感谢您调查它。

在此处输入图像描述

0 投票
1 回答
41 浏览

ag-grid - 如何使用键盘选择整列(或行)

使用 ag-grid(在演示页面https://www.ag-grid.com/example.php上尝试)如何使用键盘选择整列?您可以按(在演示中)Shift 和向下箭头并一直向下,但这对于 1000 行是不实用的。一旦您按下 Control,选定的单元格就会成为最底部的单元格,但您会失去选择(就像没有按下 Shift 键一样)。

如果我在 Excel 中,我会选择一列中的顶部单元格,按 Control+Shift+向下箭头,整个列被选中,我现在可以执行 Control+C 进行复制。

我看过这篇文章,它添加了一个新的菜单项来做到这一点How to select column data in ag-grid。我知道我也可以为该操作分配一个快捷方式,但理想情况下,我需要一种使用 Control(Mac 上的 Command)键的键盘方式。

0 投票
0 回答
16 浏览

vue.js - 是否可以在 ag-agrid textfilter 上传递 onFocus 函数?

在此处输入图像描述

我正在使用 ag-grid vue ^23.1.0

当我的 textcolumfilter 处于焦点时,我试图访问 onFocus

我曾尝试使用 isFilterActive() 访问它,但它仅在应用过滤器时调用

是否可以将引用传递给 agTextColumnFilter 以便我可以获取 textfilter 是否处于焦点

0 投票
1 回答
41 浏览

javascript - 如何将数组列表传回ag-grid(Vue)中的父组件

我正在使用 vue 中的 AG 网格。我有一个要求,我有两个使用 cellRendererFramework 呈现的复选框。我无法找到从行定义中收集复选框值的方法。在 ag-grid 中,我需要根据检查的行来选择行。

子组件:

父组件ag网格列定义:

0 投票
1 回答
171 浏览

reactjs - 如何从 CellRenderer 和 HeadRenderers 刷新/更新 Ag-Grid

我需要从 HeadRenderer 和 CellRenderer 更新/刷新 Ag-Grid 表。例如,我在 CellRenderer 中有一个按钮,当按下此按钮时。表已刷新。

虽然我无法从 CellRenderers 找到任何文档。理论上我应该使用gridApi.refreshCells,但是当我在 CellRenderer 和 HeadRenderer 中使用它时,那些 api 是不受限制的。甚至它在onGridReady. 我正在考虑用values参数更新它。我认为它必须是可能的,但我没有找到任何功能? 在此处输入图像描述 有谁知道是否可以使用values来自的参数CellRenderer

0 投票
1 回答
55 浏览

ag-grid - 为什么我的侧边栏没有出现在 vue 的 ag-grid 中?

我有安装了许可证的企业版 ag-grid 并且似乎工作正常,但是无论我从 ag-grid 网站上的代码尝试什么实现,我的侧边栏都不会显示。企业分组工作正常,所有其他数据输入都显示正常。如果侧边栏为真或假或任何其他设置,则表格根本不会改变。

目前我有:

0 投票
0 回答
50 浏览

javascript - ag-grid:agRichSelectCellEditor 在最新版本 26.2.0 中无法正常工作

我们使用 agRichSelectCellEditor 来显示下拉选项。由于最新版本 26.2.0,如果用户不选择一个选项,它会显示一行而不是一个空单元格。请看下面的截图。

agRichSelectCellEditor

有谁知道如何解决这个问题?