问题标签 [ag-grid-angular]

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 投票
5 回答
2193 浏览

angular - 在 Angular 中设置 ag-grid

我正在尝试设置我已经运行的 Angular 项目的ag-grid,但我无法获得依赖项。在我们的项目中,我们有可用的 ag-grid 8.2.0 版本。我们没有 ag-grid-angular 或任何其他依赖项。要获得对 Angular 的 ag-grid 支持,我们是否还需要获得其他依赖项?如何设置 ag-grid 以在我的项目中工作?

U PDATE 1:如链接中所述,我们可以使用:'ag-grid-angular':'node_modules/ag-grid-angular','ag-grid':'node_modules/ag-grid','ag-grid -enterprise' : 'node_modules/ag-grid-enterprise' }, 包: { 'ag-grid-angular': { defaultExtension: "js" }, 'ag-grid': { defaultExtension: "js" }, 'ag -grid-enterprise': { defaultExtension: "js" } ...其他包

但是在我们的项目中,我们只有 ag-grid v8.2.0 可用,而不是 ag-grid-angular。所以我只能在我的 system.config 文件和 package.json 中放置 'ag-grid': { defaultExtension: "js" }。

ag-grid 是否也需要 ag-grid-angular 才能在 angular 2 中运行我怎样才能得到相同的结果,因为我们也无法访问 npm。

0 投票
1 回答
17919 浏览

javascript - 无法绑定到“gridOptions”,因为它不是“ag-grid-angular”的已知属性

我正在尝试运行ag-grid 的示例项目,但出现以下异常:

无法绑定到“gridOptions”,因为它不是“ag-grid-angular”的已知属性

代码:

它说在 ag-grid-angular 上没有像“gridOptions”这样的道具。这很奇怪,因为它来自 ag-grid 的官方网站。

任何帮助将不胜感激!

0 投票
4 回答
9528 浏览

ag-grid - ag-grid 以编程方式选择行不突出显示

使用 Angular 4(打字稿),我有一些使用 ag-grid 12.0.2 的代码,如下所示。我要做的就是加载我的网格并自动(以编程方式)选择第一行。

第一个节点被选中,但该行拒绝在网格中突出显示。否则,通过鼠标选择行就可以了。此代码模式与此处的示例代码相同: https ://www.ag-grid.com/javascript-grid-refresh/#gsc.tab=0 但它不起作用

抱歉,我不允许发布实际代码。

0 投票
3 回答
6118 浏览

javascript - 使用 api.updateRowData(transaction) 删除一行对数据源没有影响

我有一个自定义单元格渲染器来删除给定的实体。

它实际上从 GUI 中删除了该行。那里没问题。

但是当用户使用以下逻辑添加另一行时;

删除的行在网格中也再次可见。这意味着dataSource对象没有更新。

我在这里做错了什么?在我的场景中必须更新数据源。

没有我可以使用的双向绑定吗?

0 投票
2 回答
3885 浏览

ag-grid - ag-grid:使用 domLayout='autoHeight' 时是否可以有固定的标题?

ag-grid 有一个设置可以让你禁用默认的类似 iframe 的行为(网格有自己的滚动条),而只是在主页内容中显示网格的整个高度。然后,您可以使用主页垂直滚动条向下查看网格。

记录在这里... https://www.ag-grid.com/javascript-grid-width-and-height/#autoHeight

使用此autoHeight功能时,向下滚动时,每列顶部的标题不再粘在顶部。

当用户在使用时向下滚动时,标题是否仍然可以粘在屏幕顶部autoHeight

0 投票
7 回答
41029 浏览

angular - 如何禁用 ag-grid 中的单元格选择?

我在 Angular 项目中有一个简单的 ag-grid,并且想要禁用选择其中一列中的单元格。在选择过程中简单地删除默认的蓝色轮廓也可以。当用户在其中单击时,我只想对单元格进行视觉更改。我怎样才能做到这一点?

我看到它ColDef有一个有帮助的属性suppressNavigable,因为它不允许使用 tab 键来选择单元格,但它仍然允许通过单击进行选择。此外,网格本身似乎可以提供suppressCellSelection,但它似乎不够精细,而且似乎也不会影响任何事情。

那么,如何删除这个蓝色边框单元格选择?

这是我对这些列定义的代码:

这是我用来测试的stackblitz 示例。

这是我不想在此列中看到的蓝色边框的屏幕截图:

我不想看到蓝色边框

0 投票
1 回答
2146 浏览

ag-grid - Ag-Grid 不支持特殊符号

我尝试使用 Ag-Grid,在绘制特殊符号的数据时遇到了挑战,它实际上不支持特殊符号并且不绘制它!

请参阅 Example1.png,此处的 No. 列不包含数据,但是当我从 headerName 和 rowData 的 script.js 文件中删除点运算符时,它开始在此处输入图像描述绘制它。(参考Example2.png)

在此处输入图像描述

还附上一个zip文件(Google Drive Link)作为这个问题的原型供大家参考! https://drive.google.com/open?id=1UqyrRtAhg8-HBwqVqUT_CGMhwyr_cOUT

库沙格拉

0 投票
0 回答
71 浏览

javascript - Ag-Grid:修改一个网格中的数据,同时在另一个网格中应用过滤器

根据设计,我有 2 个并排的网格,并且两者都将具有相同的行数。我需要在 grid1 的一列中应用过滤器,并且在应用过滤器之后,两个网格中也应该有相同数量的行。

组件.ts

我得到了 grid1 的过滤行,但不知道如何为第二个网格设置过滤索引。提前致谢

0 投票
3 回答
8312 浏览

javascript - 如何使用角度将列标题包装在 ag-grid 中

我有一些专栏有四个词,即交易前跟进、交易后跟进,其中一些有三个词。我尝试了下面的 css 将文本包装成多行。

HTML

但列标题保持不变。我想将列标题文本包装成多行。有没有办法做到这一点?

注意:我可以使用cellStyle: {'white-space': 'normal'}

但我想包装标题。

0 投票
2 回答
3679 浏览

ag-grid - 如何在服务器端/无限行模型中使用快速过滤器?

根据文档: Quick Filter,快速过滤器适用于clientSide行模型。

我们正在为serverSide使用行模型,并且我们需要对我们在客户端拥有的数据使用快速过滤器 - 在网格的缓存块中。

我虽然使用过滤器管道[rowData]="myRowData",但使用这个行模型,我没有从myRowData.

例如,如果您查看这个 plunk服务器端行模型 - 快速过滤器,我已[rowData]="rowData"在标记中指定并将其初始化为[].

从服务器加载初始块后,我假设缓存块数据应该可以通过它访问,这样使用角管道,我就可以在客户端过滤掉数据(模仿带有serverSide行模型的快速过滤器)。类似于[rowData]="rowData | filter: filterText"- 就像我们过去在

但恐怕缓存数据无法通过rowData.

我们如何以某种方式将快速过滤器与具有serverSide行模型的 ag-grid 一起使用?