问题标签 [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.
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。
javascript - 无法绑定到“gridOptions”,因为它不是“ag-grid-angular”的已知属性
我正在尝试运行ag-grid 的示例项目,但出现以下异常:
无法绑定到“gridOptions”,因为它不是“ag-grid-angular”的已知属性
代码:
它说在 ag-grid-angular 上没有像“gridOptions”这样的道具。这很奇怪,因为它来自 ag-grid 的官方网站。
任何帮助将不胜感激!
ag-grid - ag-grid 以编程方式选择行不突出显示
使用 Angular 4(打字稿),我有一些使用 ag-grid 12.0.2 的代码,如下所示。我要做的就是加载我的网格并自动(以编程方式)选择第一行。
第一个节点被选中,但该行拒绝在网格中突出显示。否则,通过鼠标选择行就可以了。此代码模式与此处的示例代码相同: https ://www.ag-grid.com/javascript-grid-refresh/#gsc.tab=0 但它不起作用。
抱歉,我不允许发布实际代码。
javascript - 使用 api.updateRowData(transaction) 删除一行对数据源没有影响
我有一个自定义单元格渲染器来删除给定的实体。
它实际上从 GUI 中删除了该行。那里没问题。
但是当用户使用以下逻辑添加另一行时;
删除的行在网格中也再次可见。这意味着dataSource对象没有更新。
我在这里做错了什么?在我的场景中必须更新数据源。
没有我可以使用的双向绑定吗?
ag-grid - ag-grid:使用 domLayout='autoHeight' 时是否可以有固定的标题?
ag-grid 有一个设置可以让你禁用默认的类似 iframe 的行为(网格有自己的滚动条),而只是在主页内容中显示网格的整个高度。然后,您可以使用主页垂直滚动条向下查看网格。
记录在这里... https://www.ag-grid.com/javascript-grid-width-and-height/#autoHeight
使用此autoHeight
功能时,向下滚动时,每列顶部的标题不再粘在顶部。
当用户在使用时向下滚动时,标题是否仍然可以粘在屏幕顶部autoHeight
?
angular - 如何禁用 ag-grid 中的单元格选择?
我在 Angular 项目中有一个简单的 ag-grid,并且想要禁用选择其中一列中的单元格。在选择过程中简单地删除默认的蓝色轮廓也可以。当用户在其中单击时,我只想对单元格进行视觉更改。我怎样才能做到这一点?
我看到它ColDef
有一个有帮助的属性suppressNavigable
,因为它不允许使用 tab 键来选择单元格,但它仍然允许通过单击进行选择。此外,网格本身似乎可以提供suppressCellSelection
,但它似乎不够精细,而且似乎也不会影响任何事情。
那么,如何删除这个蓝色边框单元格选择?
这是我对这些列定义的代码:
这是我用来测试的stackblitz 示例。
这是我不想在此列中看到的蓝色边框的屏幕截图:
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
库沙格拉
javascript - Ag-Grid:修改一个网格中的数据,同时在另一个网格中应用过滤器
根据设计,我有 2 个并排的网格,并且两者都将具有相同的行数。我需要在 grid1 的一列中应用过滤器,并且在应用过滤器之后,两个网格中也应该有相同数量的行。
组件.ts
我得到了 grid1 的过滤行,但不知道如何为第二个网格设置过滤索引。提前致谢
javascript - 如何使用角度将列标题包装在 ag-grid 中
我有一些专栏有四个词,即交易前跟进、交易后跟进,其中一些有三个词。我尝试了下面的 css 将文本包装成多行。
HTML
但列标题保持不变。我想将列标题文本包装成多行。有没有办法做到这一点?
注意:我可以使用cellStyle: {'white-space': 'normal'}
但我想包装标题。
ag-grid - 如何在服务器端/无限行模型中使用快速过滤器?
根据文档: Quick Filter,快速过滤器适用于clientSide
行模型。
我们正在为ag-gridserverSide
使用行模型,并且我们需要对我们在客户端拥有的数据使用快速过滤器 - 在网格的缓存块中。
我虽然使用过滤器管道[rowData]="myRowData"
,但使用这个行模型,我没有从myRowData
.
例如,如果您查看这个 plunk服务器端行模型 - 快速过滤器,我已
[rowData]="rowData"
在标记中指定并将其初始化为[]
.从服务器加载初始块后,我假设缓存块数据应该可以通过它访问,这样使用角管道,我就可以在客户端过滤掉数据(模仿带有
serverSide
行模型的快速过滤器)。类似于[rowData]="rowData | filter: filterText"
- 就像我们过去在angularjs中所做的那样
但恐怕缓存数据无法通过rowData
.
我们如何以某种方式将快速过滤器与具有serverSide
行模型的 ag-grid 一起使用?