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

typescript - AgGrid - 有没有办法获得最新版本 4.0+ 的类型定义?

"ag-grid": "4.0.5"在一个项目中使用 Angular 1.5.2 和带有 Visual Studio 2015 的 Typescript。

tsd 可用的类型定义(使用命令tsd install ag-grid --resolve --save安装以下内容: https ://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/ag-grid 但这似乎是一个非常旧的版本 2.1.2 基本上没有什么用对于我的项目。

我已经看到这个项目是使用打字稿开发的。有什么方法可以在我的项目中使用项目的内部打字稿定义?我尝试 /// <reference path="../../bower_components/ag-grid/main.d.ts" />在我的 TS 文件顶部添加,但由于该类型定义上没有模块/命名空间,我不能像以前那样引用类型(例如:),ag.grid.GridOptions也不能像全局可用一样引用类型(例如let test: GridOptionsWrapper:)我的打字稿文件不会编译。

我正在使用 Visual Studio 2015 作为 IDE,如果有另一种方法可以让 Visual Studio 了解内部类型定义,/// <reference path="../../bower_components/ag-grid/main.d.ts" />我不知道该怎么做。

有类似情况的人吗?

PS:更多详情见https://www.ag-grid.com/forum/showthread.php?tid=3581&pid=8414

更新:我按照 Niall 的回答尝试了导入建议,但是一旦包含导入语句,就找不到我的内部角度模块。示例:我可以添加: import bb = require("../../bower_components/ag-grid/main.d"); 然后 intellisense forbb.可以完美地找到 main.d.ts 中的所有类型,但是随后let a:app.services.IMyService停止编译之类的行表明 Module 'app' 没有导出的成员服务。在添加该 require 行之前,这是有效的。

如果我只是添加 /// <reference path="../../bower_components/ag-grid/main.d.ts" /> ,那么它无法编译并出现错误, Cannot compile modules unless the '--module' flag is provided. 我无法找到为什么会出现此错误的答案。

0 投票
0 回答
1632 浏览

javascript - ag-grid 服务器端搜索(getRows() 需要一个额外的参数)

我正在使用虚拟分页,并且我有一个可以很好地完成工作的数据源。我的函数 getRows(必须在 dataSource 中实现)执行 http 请求。

我想要一个输入,用户可以在其中输入并使用他的输入对我的数据运行搜索(http)。虚拟分页意味着搜索发生在服务器中。

问题是我提供的任何数据源都应该实现 getRows(params)。我需要getRows(params,searchInput)。Ag-grid 不会为我提供实际机制的输入,但我需要保持虚拟分页的机制。

一个解决方案是在函数外部有一个“全局”变量,由用户更新,然后在 getRows 内部将其用于请求。我发现这相当偷偷摸摸,而不是“好的编程”。

查找“getRows”相关文档:https ://www.ag-grid.com/angular-grid-datasource/index.php

任何想法都会受到欢迎。非常感谢。

0 投票
2 回答
13277 浏览

typescript - 如何为在 ag-grid 单元格渲染中动态创建的按钮引发事件?

嗨,我正在使用 ag-grid angular2,我试图在我成功的每一行中放置一个按钮。当我单击该按钮时,我向按钮添加了一个事件侦听器,以便在单击此按钮时我想提出一个事件。这就是我向每一行添加按钮的方式

在这里,我正在为按钮编写 addeventlistener 逻辑

这是单击按钮时我想引发的事件

但它显示一个错误,说 raiseevent 未定义...我该如何纠正这个错误...我如何在 addeventListener 中提供事件的参考...有人请帮助我

0 投票
1 回答
1303 浏览

ag-grid - IE 11:糟糕的滚动行为

ag-grid 在 IE 11 中似乎有一个糟糕的滚动行为。我们在不同的选项卡中有多个网格,现在当我在一个网格中滚动时(因此数据被重新加载),然后切换到另一个选项卡,然后返回网格-确实即使 html 是正确的,也不显示任何行或仅显示其中的一部分。一旦用户再次开始滚动,行就会被渲染。

当像 50 这样的行数较少时,这不是问题。但是对于 500,这个问题是一致的。即使是网格中的标准滚动也会显示这种奇怪的渲染行为,因为在短时间内看不到任何行。切换选项卡时似乎保留了这一点。

请注意,我们将 ag-grid 与 angular2 一起使用。

是否可以在 IE 11 中改进/修复此渲染问题?

0 投票
0 回答
1640 浏览

excel - ag-Grid React - 将网格中的数据导出为 excel 文件(.xls、.xlsx)

我希望能够将我的网格数据导出为 excel 文件,但是由于 ag-Grid 不支持这一点,我必须想出自己的导出功能。我遇到的问题是,我看到的大多数示例都依赖于这样一个事实,即数据将从 HTML 表中提取,而 ag-Grid 编译为<div>s 那么编写函数来导出我的最好的方法是什么?数据作为.xls.xlsx文件?

谢谢你的时间

0 投票
2 回答
4483 浏览

typescript - agGrid 使用 angular2 和 typescript 搜索数据

如何在我的 agGrid 组件中设置过滤。我从 agGrid 中看到了一个示例,但它是用 javascript 编写的。 https://www.ag-grid.com/angular-grid-filtering/index.php

但似乎我无法使用下面的 ts 代码完成这项工作。

agGrid.component.ts

网格.html

0 投票
3 回答
13681 浏览

ag-grid - 如何在 ag-grid 中启用导出到 csv

我正在使用开箱即用的 ag-grid ,是否有用于导出到 excel 的功能。到目前为止,我还没有编写任何事件代码来导出到 csv。我在想,就像它的排序和过滤功能一样,这也是开箱即用的(例如 highcharts 的上下文菜单)。

那么是否需要设置一个网格选项以使其准备好导出到 csv 或 excel

谢谢

0 投票
1 回答
1380 浏览

ag-grid - ag-grid 错误无法加载资源 ag-grid-ng2/main.js

我在visual studio2015中用angular2实现ag-Grid,我想实现https://github.com/helix46/ag-grid-angular2-beta-ts中的例子

但无法加载Failed to load resource: the server responded with a status of 404 (Not Found) ag-grid-ng2/main.js

它在 node_module 里面,我给出了正确的路径,但它仍然显示,unable to load resource. 这是错误的快照。 ag-grid 错误消息 请帮我解决这个问题。

感谢您

0 投票
2 回答
2119 浏览

angularjs - agGrid:自定义标题列绑定不起作用

我目前正在尝试在 agGrid 标头中添加一个角度指令。为此,我在 headerCellRenderer 中传递了一个函数,如下所示:

我的网格选项:

我的功能定义如下:

结果我的指令被渲染但“列”绑定是空的,我不明白我必须如何将对象传递给我的指令。

有任何想法吗 ?谢谢 !

0 投票
3 回答
26947 浏览

ag-grid - Ag-Grid:数字格式,例如:123456.78 到 123,457

我有大量的数字数据。这需要呈现为逗号分隔值。对于前。 123456.78被渲染为123,457使用 Ag-Grid。请帮助我实现这一目标。