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

vue.js - ag-Grid 不支持 .vue 组件作为 cellRenderer?

所以我有这个 itemlist.vue 文件

Ag 网格表的 index.vue 文件为

和editrenderer.vue文件为:

我在 DOM 中得到的只是空的编辑渲染器标签

AgGrid 不支持 Vue Js 中的 cellRenderers 吗?最后导入的组件如果单独作为普通的 Dom 元素使用的话,最终会在 Dom 中以 vue 组件的形式出现。这是否意味着我们必须明确地以某种方式编译它?在初始化使用 AgTable 的 columnDefs 和 rowData 之前,我还尝试使用 setTimeOut。但它仍然没有在表格中显示任何内容。

0 投票
1 回答
372 浏览

unit-testing - 自 ag-grid 集成以来,Jest vuejs 崩溃

我在我的项目 vuejs 中使用 test jest 对登录页面进行了测试:

并通过run test:unit-coverage(在包 json 中"test:unit-coverage": "jest --clearCache && vue-cli-service test:unit --coverage":)

在项目中添加 ag-grid-vue 之前很好...

现在我有一个错误

我试图更改配置,但已经出现错误

jest.config.js :

babel.config.js :

谢谢您的帮助。

0 投票
1 回答
1897 浏览

javascript - 如何在 ag-grid 中选择列

我使用 Ag-Grid。

我想像下图一样选择水平和垂直列。

怎么解决??

在此处输入图像描述

0 投票
1 回答
273 浏览

vue.js - 在ag grid vue中发出过滤的行数

我正在尝试从我的子组件到父组件的 ag 网格表中发出过滤的行数

这就是我的子组件的外观。但是当 ag 网格表加载时,该gridapi值为 null,因此我没有得到count在计算属性中定义的值。getDisplayedRowCount每次行数发生变化时,我都想调用该函数。我怎样才能做到这一点?

0 投票
2 回答
492 浏览

vue.js - vue中的ag-grid在加载行时显示自定义组件

我试图在 ag-grid 加载行时显示 v-progress-circular vuetify 组件,我一直在关注 ag-grid 文档,但这似乎不起作用。vue 的 ag-grid 文档似乎已经过时,所以我不知道该怎么办。到目前为止我所做的如下:

表进度.vue

MyTable.vue(相关部分)

我在这里做错了什么?还是这根本不适用于vue?

0 投票
3 回答
705 浏览

ag-grid - 导出数据时不包括 ag 网格列标签

每当我尝试以数据透视模式从 ag 网格中导出数据时,列标签行不包含在导出文件中。

目前我正在尝试在btn click上调用导出功能,功能如下

有没有办法下载列标签和列数据,或者我需要导入一些 ag 网格模块才能工作。

0 投票
1 回答
298 浏览

vue.js - 在 Ag-Grid 中导出到 excel 时将 css 类应用于列

我试图在从 ag-grid 导出到 excel 时更改列的内容,但导出到 excel 是删除该列的旧样式,如 css 类。喜欢

我的网格中有 3 列:1)姓名 2)地址 3)电话

  • 名称:测试
  • 地址:纽约
  • 电话:000-000-00

我已将 css 类名应用于地址,它将根据值更改背景颜色,例如

  • 红色级到纽约
  • 堪萨斯绿色级

现在我想更改地址栏的内容,例如,它将显示街道、公寓号等信息。所以我正在从processCellCallback()更改该内容,现在它具有完整的价值(例如 47 W 13th St, New York, NY 10011, USA)

但是我可以看到数据在网格中以颜色组合显示,而不是在下载的 excel 文件中。

我可以检查该列的渲染器是否也应用于网格但未应用于 excel 文件。但同样的事情也适用于电话栏,因为它没有改变,所以 css 样式应用于下载的 excel 文件。

所以任何人都知道为什么会这样,在此先感谢。

信息:在 vue.js 中使用 ag-grid

0 投票
1 回答
586 浏览

vue.js - 未找到 Ag Grid 标头组件

使用 Vue 并且只想在列标题上有一个自定义复选框(只有一个标题,而不是所有标题)。不需要在此列上实现排序或任何疯狂行为。

我上面有 AgGrid 的主要组件非常大,所以...下面是其他代码行通常所在的位置。这只是为了表明我已导入文件并将其添加到组件中。这与我导入和调用各种cellRendererFrameworks. 在我的主要 AgGrid 组件上:

我的headerComponent. 值得注意的是,即使我删除了空的生命周期方法(这样组件实际上只有templateand name),错误仍然存​​在。

错误: 错误

0 投票
0 回答
79 浏览

javascript - Vue.js 生命周期和被触发的 Aggrid 分页不起作用

大家好,感谢您的支持。我的问题是我在 vue.js 上使用 ag-grid 和一些使用 grid api 调用的功能。我想调用 api 来使用分页功能。我在挂载的钩子上调用了 api,但它没有被触发。我尝试了每个钩子,除了更新钩子之外,它们都不起作用。当页面加载时有分页,但如果你触发了更新钩子,分页就会出现,它可以在 beforeupdate 钩子中工作,但是它必须在mounted中工作,因为第一次加载没有分页。

这张图片没有分页所以我用了挂载的钩子

但是如果我在 beforeupdate 钩子上调用了 api。我知道这是错误的,但只是一个实验性的,它的工作

这张带有分页的图像,所以我在更新前使用

0 投票
1 回答
293 浏览

vue.js - Vuejs 计算属性没有正确更新

我对 Vuejs 很陌生,我正在关注他们的文档,这非常有帮助。但是,我发现很难理解计算属性实际上是如何被触发的。

我正在为我的项目使用 ag-grid,并且我想将总行数更新为我的自定义页面大小下拉列表。

以下是我的代码:

我的问题是计算属性“recordCount”没有随着“window.recordCount”的更改而更新。“recordCount”总是将值显示为零。

有人可以在这里阐明一下吗?提前致谢!