问题标签 [ag-grid]

所以我使用 Ag-grid 作为一种表格技术来显示我从服务器检索到的数据。

我像这样向后端发送查询：

我在哪里指出要从哪个索引开始，以及要检索多少数据。

响应有 2 个部分：实际数据是一个对象数组，长度等于 query['count'] 的长度，以及找到的结果总数。

我的列工作正常。它存储在一个名为 colDefs 的变量中。

在我使用我的服务获取数据后，这就是我所做的，基于 Ag-grid 文档：

但是，当我检查我的表格时，它只显示底部的列和分页选项，但没有显示我的实际日期。我不知道我的数据还缺少什么。

如何使用 tab 键进入网格？

可以在声明选项卡的 html div 上设置 tabindex，但它只会关注整个 div。我想专注于第一行的第一个单元格。

就个人而言，我想出了以下技巧，但我正在寻找更好的解决方案。欢迎任何外部库。

我的网格中只有一列和简单的行，因此应该改进此代码以消除对所有列和/或具有多个级别的行的所有单元格的潜在关注。

在我的指令里面

内部控制器

github上的现有问题：https ://github.com/ceolter/ag-grid/issues/183

我正在验证行的 ag-grid 上。所以列名是索引，这是我正在使用的验证函数。

如果我编辑一行并输入任何值，变量new_number将获得该值。它将检查它是否为数字；如果不是，它将给出一个window.alert.

如果它是一个数字，它将使用该值更新该行。

我的问题是这个--> 如果我提到'56sfdfd'，它需要 56 并在行中更新。但是，它应该显示window.alert“56sfdfd”不是数字。

知道如何在我上面的 Javascript 函数中纠正这个问题。任何输入表示赞赏。

我在我的代码中使用了 ag-grid 组件，并希望确保日期列在导出为 CSV 时根据客户需求进行格式化。当前使用 js Date 对象的默认格式。代码可以在这里找到：

https://github.com/ceolter/ag-grid/blob/master/src/ts/csvCreator.ts

我可以直接对代码进行以下更改，但这显然是不好的做法。我对 JavaScript 相当陌生，想知道是否有一种标准方法可以扩展/覆盖这样的库中的功能。

提议的更改（注意这显示了我对 js 版本所做的更改，而不是使用 ts 的 github 版本）：

我正在处理一个高吞吐量问题。我的目标是至少在 chrome 浏览器上显示由 1M 行组成的网格。

这些行是从运行在同一台机器上的 python 服务器动态获取的。该服务器已经将整个数据集加载到内存中。客户端（浏览器）和服务器（python）之间的通信是通过 websocket 进行的。网格有选项virtualPaging: true。

到目前为止，我在加载每页 100 行的页面时取得了一些不错的表现。尽管如此，在开始时加载整个 1M 数据集（因此无需远程获取行）显示滚动的显着改进（没有“白行”效果）。

我想在不将整个数据集存储在浏览器内存中的情况下实现相同的性能。

我会尝试的第一步是避免一些转换步骤。客户端从服务器接收一个数组数组，这意味着服务器上的行模型是“位置的”（r作为通用行，r[0]是与第一列相关的元素，与第二列相关，r[1]依此类推）。但是 ag-grid 的回调函数successCallback需要一个对象数组，这意味着每一行都带有与列名相关的键（r作为通用行，r["firstColumn"]是与第一列相关的元素，与第二列相关的元素r["secondColumn"]，依此类推）。

考虑到键值机制使用的大量内存浪费，第二种方法从服务器的角度来看是完全不可行的。这导致需要对客户端收到的每个页面进行本地转换：

我需要的是一种将行作为数组而不是作为避免转换部分的对象传递给 successCallback 的方法，如下所示：

任何帮助将不胜感激

我正在开发一个使用 angular2 和 typescript 构建的应用程序。我正在使用 ag-grid 在网格中显示数据，但无法找到网格 api。

现在，当我尝试执行 this.gridOptions.api 的任何方法时，它会抛出错误“gridOptions.api 未定义。ag-grid网站上提到的示例不适用于 typescript 和 angular2。

如何使用打字稿在angular2中初始化和使用gridApi？

在 ag-grid 我有响应，我想将它们排列到我的网格中，但我收到一个错误TypeError: Cannot read property 'onNewRows' of undefined我认为这个错误来自网格 API，因为它不是 Initialising.failure 图像附在下面找到它们。

我在angular2中设置了ag-grid，它工作正常，但我无法获得所选行的值......我的控制台窗口中没有错误......这就是我初始化网格的方式......

这是我在类中获取所选值的代码

有人请告诉我如何纠正我的错误，以便我在控制台窗口中获取所选行的数据/值...

我有一个 ag 网格，我正在尝试删除一行...我可以使用“拼接”技术从数据源中删除该行，之后我想刷新表格。但它显示错误。这是我用来删除一行的代码

它显示类似这样的错误--> 无法读取未定义的属性“refreshView”...如何查看行删除后表中所做的更改。

我需要在 ag-grid 中有一个列，我可以从下拉列表中选择多个值。我只是在网上搜索了一下，看看它是否已经实现，但我只能找到一个链接。

https://gist.github.com/gaborsomogyi/00f46f3c0ee989b73c92

有人可以让我知道如何实现它。请显示完整的代码作为示例。

这是那里共享的代码。