问题标签 [ag-grid]

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 投票
2 回答
1402 浏览

angularjs - Ag-Grid - 保存列以供将来使用

我正在使用 angular1 的 ag-grid(并且喜欢它),并且我希望我的用户能够重新组织列、更改排序和所有内容,并且它会在刷新后保持不变。这应该不是很难,除了列是循环的(包含指向它们自己的指针),因此我无法解析它们。

代码:

和:

每次“尝试”都会失败:TypeError: Converting circular structure to JSON(…) [Column, Column, Column, Column, Column, Column, Column, Column, Column, Column]

我怎样才能做到这一点?(保存列以备后用)

如果我设法做到这一点,我将能够在不编码的情况下创建多个视图。

0 投票
2 回答
14545 浏览

angularjs - Ag-grid 显示行数

我正在测试企业版,我想知道我是否可以在状态栏行中显示一些自定义文本?(如果无法使用状态栏,是否有替代方案?)

我想展示X rows / Y total rows桌子,或者如果那不可能,就X rows

Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success (在此示例中使用自定义样式显示颜色)

这可能吗?(顺便说一句,我正在使用 Angular 1)

0 投票
1 回答
14295 浏览

angularjs - 如何在 ag-grid 中动态添加自定义列

我堆叠以在 ag-grid 中动态添加自定义列。我尝试过以下方法。

我也试过

但没有成功。我什至尝试添加 Data 中存在但失败的列。下面是我正在尝试的图像。 在此处输入图像描述

如图所示,“% dev”是自定义列,我需要使用动态计算的值动态添加。

0 投票
1 回答
3240 浏览

ag-grid - 如何启用标签导航到不同行组中的下一个可编辑单元格?

我正在使用 ag-grid enterprise 4.0.7 构建一个应用程序,它使用行组并具有可编辑字段,可编辑单元格之间的键盘导航是必不可少的。

内置选项卡导航效果很好,但仅在行组内。到达组中的最后一个可编辑单元格后,按 Tab 不会跳转到下一组中的下一个可编辑单元格,而是跳转到页面上的某个不相关元素。

这是一个基于 ag-grid 文档示例的示例,运动员的姓名是可编辑的,选项卡导航到下一位运动员,但仅限于一个国家:https ://jsfiddle.net/pfhkf3bm/

这是预期的行为吗?扩展选项卡导航以跳转到另一个组中的下一个可编辑项目的最干净的方法是什么?

谢谢!

0 投票
1 回答
3609 浏览

javascript - 未捕获的类型错误:无法读取未定义的属性“setRowData”

我正在使用带有 ag-grid 的 Angular 1.x。首先,我很困惑如何激活企业功能。我现在正在评估我们正计划收购该企业,但支持非常薄弱。

现在的实际问题是我试图将数据从 ElasticSearch 提供给网格。我正在尝试模拟 ag-grid 的演示。如果更改页面大小,它将从 ES 服务器检索数据,并为网格提供具有新页面大小的新数据集。为此,如果我尝试更新网格,我会在任何操作上使用 $scope.gridOptions.api.setRowData(data),我的意思是 setRowData。我收到错误“方法未定义”它在加载页面时第一次工作。

我该如何解决这个问题?我错过了什么吗?

功能:这是我调用 $scope.gridOptions.api.setRowData(data) 的功能,我收到错误

“未捕获的类型错误:无法读取未定义的属性 'setRowData'”

0 投票
1 回答
728 浏览

angular - angular 2 对另一个 *.ts 组件的引用

我正在尝试将 Angular 2 Hero Example 扩展到 ag-grid SampleAppComponent。我使用 @input 创建了 CarDetailComponent,它允许我编辑汽车价格。修改后的汽车价格值与网格的 RowData 绑定并反映变化,但为了反映在网格上,网格上应该有显式的刷新调用。当用户再次单击一行时,我包含了这个调用。然后您会在网格中看到新的价格价值。 现在我希望从 CarDetailComponent @input 的“onKey”函数中进行刷新网格调用。我的问题是我无法从 CarDetailComponent 引用 SampleAppComponent 的实例。我尝试使用 SampleAppComponent 作为参数的构造函数,但得到“循环引用错误”。@Autowired 也不起作用:prop sampleAppComponent 仍未定义。提供的任何线索都会有很大帮助。下面是代码。 car-detail.component.ts

0 投票
1 回答
4642 浏览

javascript - 如何在 ag-grid 中设置默认最小和最大列宽

我正在将 ag-grid 库用于高级数据网格。

在 ag-grid 库中,我可以在“columnDefs”中定义“minWidth”和“maxWidth”属性来设置特定列的最小和最大宽度。

但是是否有任何选项可以为每列设置默认最小和最大宽度以设置列的重新调整大小边界?

0 投票
1 回答
47 浏览

html - AgGrid 在 html 中缺少“col”属性

我最初使用 2.3.5 版本的 Ag-Grid,其中包含一个“col”属性,该属性指示每个单元格元素的列的相对索引。“行”属性似乎仍然存在。更新到版本 4.0.5 后,“col”属性似乎已从控件中删除。有没有办法替换这个属性或其他可以提供相同 html 索引功能的属性。

0 投票
1 回答
1080 浏览

c# - 如何在 Visual Studio 2015 中安装 ag-grid?

有人可以分享将 ag-grid 添加到 Visual Studio 2015 c# 项目的步骤吗?我尝试了“npm install ag-grid”,它在我的项目文件夹中创建了 node_modules/ag-grid,但它没有将它添加到解决方案中。如果我将 node_modules 文件夹添加到解决方案并尝试重建,我会收到错误:

“构建:除非提供 '--module' 标志,否则无法编译模块。C:\SVN\SolutionName\ProjectName\node_modules\ag-grid\dist\lib\entities\rowNode.d.ts 5”

“构建:对装饰器的实验性支持是一项可能在未来版本中更改的功能。指定“--experimentalDecorators”以删除此警告。C:\SVN\SolutionName\ProjectName\node_modules\ag-grid\src\ts\ cellNavigationService.ts"

在此处输入图像描述

0 投票
3 回答
6054 浏览

javascript - ag-grid api是否支持列过滤下拉

在数据表中,它支持单个列搜索(选择输入)。 (数据表)。除了通过键入过滤列之外,ag-grid 是否支持类似的功能。

在此处输入图像描述