ag-grid相关内容

如何在AG网格中增加单元格反应标签?

非常新的AG Grid库,并坚持更新单元格。 实际上,我需要用日期来完成这项任务,但为了简单起见,我将用简单的数字来解释我的问题。 我有 Start,即1。 Stop,已定义 End Duration,已定义 我的目标 Start=Duration+End End=Start+Stop 这是我到目前为止的资料 预期结果 Sandbox Link和下 ..
发布时间:2022-07-15 11:50:41 前端开发

使用箭头键导航/选择农业网格表格行

我正在尝试浏览Reaction应用程序上的一个农业网格表的行。这意味着当我按UP或DOWN时,当前选定的行将更改为上一行/下一行。 我在ag-grid docs上尝试了该示例。但我不知道如何访问网格选项。 我将如何使其工作? 推荐答案 我想我找到了一种方法,尽管我正在使用useRef并且我希望避免它。 这是主函数: const arrowKeysNavigation ..
发布时间:2022-04-11 14:44:01 其他开发

如何在agGRID中选择列数据

我必须启用列选择并对选定的特定列执行类似导出Excel/复制到剪贴板的操作。 要求是当我单击列标题时,它应该选择整个列。 如何实现这一点? 推荐答案 有几种方法。 一种方法是在列菜单中添加一个新的‘Select Column’条目,然后在操作中创建一个新的单元格区域。下面这样的代码应该能起到作用: var gridOptions = { .... getMainMenuI ..
发布时间:2022-04-11 14:42:36 其他开发

根据另一个AG网格中的选定行过滤AG网格

关于ReactJS的问题... 我需要有两个彼此相邻的ag网格,其中第一个显示主记录,第二个显示子记录。 当在第一个ag型网格中选择一行时,第二个ag型网格(最初显示所有子记录)将向下筛选以仅显示与第一个ag型网格表中所选主记录有关的相关子记录。 示例 表1:国家/地区 表2:大都市 加载页面时,表1和表2均显示所有国家/地区和所有大都市 当用户单击表#1中的 ..
发布时间:2022-04-11 14:42:25 其他开发

AG-GRID:为网格预先设置(默认)过滤器

我有一个Reaction应用程序,一切似乎都运行得很好。 我想通过筛选添加一项额外的功能,尽管我目前被卡住了。 谁能就如何预置过滤器提供一些建议 使用我看到的示例过滤方法in this article我尝试实现一个基本示例,尽管它不起作用 this.state = { gridOptions: { . . . onGridReady: this.in ..
发布时间:2022-04-10 23:57:24 前端开发

如何将JSON数组分配给agGRID RichSelectCellEditor

我正在从数据库中获取一个包含两列的INFRA表 int-ID 字符串描述 并且我希望agGrid添加一个具有正确模式的新行: 一个特定的单元格将有一个显示描述的‘RichSelectCellEditor’或类似的东西,但是当我选择特定的行时,我想知道ID 例如,当选择“男性”时,我希望获得‘0’值: 我使用的是AG-GRID版本17.1.1 我的ColumnDefs代码如 ..
发布时间:2022-04-10 23:50:38 其他开发

AG-网格-访问所有数据-包括计算列

尝试访问在Ag-Grid中呈现的所有数据-包括使用value getters的计算列的值。我只能访问提供给Ag-Grid的数据,但不能访问任何计算列(请参阅下面的代码)。 var items = []; var cnt = gridOptions.api.getDisplayedRowCount(); for (var i = 0; i ..
发布时间:2022-04-10 23:49:29 前端开发

如何在 ag-grid 上显示和使用单选按钮?

我正在学习 ag-grid 并尝试使用以下代码在我的应用程序中显示复选框. 在 app.component.html 中: 在 AppComponent.ts 中: 导出类 AppComponent 实现 OnInit {@ViewChild('agGrid')agGrid:AgGridNg2;私有网格API;私有gridColumnApi;网格选项:网格选项;列定义 = [{hea ..
发布时间:2022-01-21 23:08:33 其他开发

ag-grid-community:用于服务器端分页的无限行模型,社区免费版本 agGrid - 不像服务器端分页那样工作

我已经花了足够的时间来理解和实施,但似乎文档写得不是很清楚,或者我没能理解一些基本的东西. 使用 ag-grid-community 22.1.1,无法更改大量后端代码,因此在后端更改的建议将不起作用.我能看到的最佳选择是他们解释的无限行模型.ag-grid官方文档 如上图所示,如果我的后端 API 很慢并且返回数据很慢,这我无能为力,因为它反过来调用一些我无法控制的外部 api 返回 ..

Angular:订阅 Observable 时,AgGrid 不会更新行

我正在尝试将 rxjs 和 observables 合并到 ag 网格中.为了练习,我正在关注一个官方的 ag 网格示例:https://www.ag-grid.com/javascript-grid-rxjs/ 我目前使用的是 Angular 6.我将 js 文件更改为 ts 文件并进行了适当的更改.我的索引文件中也不包含任何脚本.每次调用脚本时,我都会收到一堆 MIME 错误.所以我将代 ..
发布时间:2022-01-01 22:25:22 其他开发

在 ag 网格回调中使用状态变量未更新

我在函数isExternalFilterPresent 内使用状态变量query 从不更新.我很困惑,因为 query 的第一个 console.log 会随着查询的每次更改而更新.我想这是因为我不太了解钩子的实现. let gridApi: GridApi |空 = 空;const HouseholdTable = ({accountsData, aggregateEntityTable: { ..
发布时间:2021-12-31 16:26:42 其他开发

是否可以在没有构建器的情况下将 ag-grid 与 vue 一起使用?

特别是,ag-grid-vue 组件的打字稿源是否可以编译然后包含在常规 html 文件中? 解决方案 我找到了一种无需修改源代码的方法.在 ag-grid-vue.umd.js 的顶部附近,您可以看到该模块是这样做的: root["ag-grid-vue"] = factory(root["Vue"], root["agGrid"]); 这里,“root"是窗口,工厂调用的结果就是你 ..
发布时间:2021-12-26 16:42:47 其他开发

AngualrJs:ui-router 视图中的 ag-grid (templateUrl)

我有一个可以运行的应用程序,包括一些 ag-grid.我决定添加 ui-router,并在状态的 templateUrl 中添加网格. 代码很大,无法发布,但我有两个问题: document.addEventListener("DOMContentLoaded" 当我把它放在 templateUrl 的控制器中时没有调用 我想我可以通过将封闭的逻辑移动到 $transitions ..
发布时间:2021-11-10 04:39:21 其他开发

ag-grid vs slick-grid vs angular-grid 哪个更好?

最近我们想改变我们当前的网格工具.目前我们正在使用 kendo-ui 进行网格和所有.搜索后,我们得到了 3 个结果.但是,我们仍然不确定哪个更好以及为什么在未来运行. 在使用剑道时,我们错过了对它的控制.如果有人可以帮助我们使用 angularjs 选择正确的网格,那就太好了. 解决方案 披露:我是 ag-Grid 的创始人兼 CEO. 首先,对这个问题进行一些澄清,ag-G ..
发布时间:2021-11-10 04:17:49 其他开发

Ag-Grid 标头组件添加自定义标头模板

我仍在使用 Angular 1.x 和 ag-Grid(非企业). 但我正在尝试从 angular ui-bootstrap 添加工具提示.所以我需要为所有标题添加一个属性:“uib-tooltip='headerValue'" 问题是它想让我实现一个全新的组件.但是他们放在 ag-grid 网站上的示例组件超级复杂,并且与默认功能不同.为什么没有一种简单的方法来做这些事情? 为 ..
发布时间:2021-11-10 04:12:07 其他开发