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

ag-grid - 创建表后更新 cellEditorParams

我正在使用 ag 网格来显示使用 Vue.js 的表格。我有一个这样的列定义:

this.allFeatureStatusNames 是一个返回字符串数组的计算变量:

我在 allFeatureStatuses 上有一个观察者,我想在创建表后更新 cellEditorParams:

我遇到的问题是单元格编辑器永远不会更新。它总是空的。创建表格后如何刷新或更新 cellEditorParams?

0 投票
1 回答
1812 浏览

javascript - 从 cellrenderer 调用父函数,例如在 vuejs ag-grid-vue 上发出

我已经ag-grid-vue在我的项目上实现了现在我在其中一个列上有一个单独的组件,基本上是Actions,现在用户可以根据选择编辑视图或删除,现在编辑和删除它工作得很好,问题是当我删除一条记录时,我希望通过从 Api 获取更新的数据来重新渲染表,为此我需要从CellRenderer组件调用父级中的一些方法,让我向您展示代码

HTML

JS

CellRenderer 组件

现在上面的组件是我需要进行更改的地方,我尝试使用 reqgular vuejs emiton但没有任何帮助?

0 投票
1 回答
805 浏览

ag-grid - ag-grid 的性能问题

如果将 ag-grid 与自定义标题组件和自定义单元格渲染器一起使用,则会出现巨大的滚动性能问题。我们尝试了大约 10000 行 x 10000 列。没有自定义渲染器,它运行流畅。自定义单元格渲染器会导致整体性能问题,并且仅应用自定义标题会导致水平滚动问题(垂直滚动很好)。我们正在使用 ag-grid-react。如果与其他框架组件而不是默认组件一起使用,ag-grid 是否有任何问题?

0 投票
1 回答
86 浏览

ag-grid - 如何在 ag-grid vuejs 中保留过滤器

如何在 ag-grid vuejs 中保留过滤器。我正在尝试应用过滤器,但是当我单击一行以查看行节点内的数据时,过滤器选择被删除,我的意思是从一开始就加载网格(重置过滤器)。如何保留此过滤器。 第二个问题,我面临的另一个问题是行的选择很长时间没有工作......我已经在标题中应用了复选框,但是当我在几秒钟后选择复选框时,它会自动取消选择..所以我的第二个问题是如何应用不会自动取消选择的复选框。一个特定的节点复选框也不起作用

在此先感谢我是这项技术的新手,请从核心帮助我...

0 投票
1 回答
114 浏览

ag-grid - 自定义分页组件 ag-grid vue

在此处输入图像描述

我想自定义我的 ag-grid 分页看起来像这样。我阅读了有关 的文档:suppressPaginationPanel="true",它采用默认分页方式。我该如何进行。默认面板消失后使用 customizinf

0 投票
0 回答
151 浏览

vue.js - Vue - 如何动态传递和使用多个组件作为道具

我使用 AgGrid 作为网格来显示站点中的数据。

按照这个例子Example: Rendering using VueJS Components,我可以使用不同的组件来渲染到不同的列中。

现在我需要在多个视图中实现这个网格,我想制作一个实现 ag-grid-vue 组件的“自定义组件”,并且只接收列定义、行数据和组件(如果列正在呈现另一个组件)。

像这样的东西:

现在父级将传递所有需要的数据:

当我尝试将这些组件作为道具传递时,问题就来了:

显然,我的自定义组件不知道这些组件,因为它们没有被导入,所以视图找不到这些组件。由于每个视图将显示不同的列,并且这些列可以显示或不显示渲染器组件,因此我需要将所需的所有组件传递给网格组件并导入它们。

任何想法如何导入和使用这些组件?

0 投票
1 回答
118 浏览

javascript - 为什么没有使用 vuejs 将新行添加到 ag-grid?

我在声明如下的 vue.js 应用程序中有一个 ag-grid 组件:

绑定到这个打字稿视图模型:

当我的页面首次显示时,我得到了正确的数据。当我updateDocuments用新数据调用时,网格不会更新。我已经在 vue devtools 中验证了该rowData道具正在更新。ag-grid 文档建议组件应对更改做出反应。任何想法我做错了什么?

0 投票
1 回答
746 浏览

laravel - 为什么在 laravel 中使用 Sass 和 AgGrid 时出现错误?

遵循 Ag-Grid vue ( https://www.ag-grid.com/vuejs-grid/#vue_theme_look )的指南时,我发生了一个错误

当我使用正常样式时,我没有问题。

错误:

资源/sass/_aggrid.scss

显然在评论@include时错误消失了

  • 拉拉维尔 6
  • 带有 Laragon 的 Windows 10(本地)
0 投票
1 回答
499 浏览

vue.js - ag-grid-vue 不呈现表格

我正在尝试集成ag-grid到我现有的 vue.js 项目中。该表未正确呈现。我按照 ag-grid here网站上的教程进行操作。

结果如下所示:

灰线是表格

如果我height将表格 div 的值固定为它呈现的任何数字。

具有固定高度

项目配置:

控制台中也没有错误。

我是ag-grid新手ag-grid-vue

0 投票
2 回答
1108 浏览

vue.js - AG-grid Vue 不适用于 vuejs 版本 3

我是 vuejs 新手,使用 Vuejs 版本 3 设置新项目并安装 ag-grid-vue。我从官方网站获得了参考 og ag-grid 并遵循相同的步骤,但是当我运行项目时,我得到了破坏页面的错误。该错误仅出现在 ag-grid 包中,因为当我评论 ag-grid 页面的导入代码时将起作用。我还添加了@ag-grid-community 包,但仍然出现错误。我找不到任何解决方案,请帮忙。

我的 package.json ,我使用的是 Vue 版本 3

我的视图页面代码带有 ag-grid 的基本示例,代码副本来自谷歌。

错误我在控制台和 git bash 中得到的内容

在此处输入图像描述

git bash 中的错误

在此处输入图像描述