问题标签 [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.
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.
我无法找到为什么会出现此错误的答案。
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
任何想法都会受到欢迎。非常感谢。
typescript - 如何为在 ag-grid 单元格渲染中动态创建的按钮引发事件?
嗨,我正在使用 ag-grid angular2,我试图在我成功的每一行中放置一个按钮。当我单击该按钮时,我向按钮添加了一个事件侦听器,以便在单击此按钮时我想提出一个事件。这就是我向每一行添加按钮的方式
在这里,我正在为按钮编写 addeventlistener 逻辑
这是单击按钮时我想引发的事件
但它显示一个错误,说 raiseevent 未定义...我该如何纠正这个错误...我如何在 addeventListener 中提供事件的参考...有人请帮助我
ag-grid - IE 11:糟糕的滚动行为
ag-grid 在 IE 11 中似乎有一个糟糕的滚动行为。我们在不同的选项卡中有多个网格,现在当我在一个网格中滚动时(因此数据被重新加载),然后切换到另一个选项卡,然后返回网格-确实即使 html 是正确的,也不显示任何行或仅显示其中的一部分。一旦用户再次开始滚动,行就会被渲染。
当像 50 这样的行数较少时,这不是问题。但是对于 500,这个问题是一致的。即使是网格中的标准滚动也会显示这种奇怪的渲染行为,因为在短时间内看不到任何行。切换选项卡时似乎保留了这一点。
请注意,我们将 ag-grid 与 angular2 一起使用。
是否可以在 IE 11 中改进/修复此渲染问题?
excel - ag-Grid React - 将网格中的数据导出为 excel 文件(.xls、.xlsx)
我希望能够将我的网格数据导出为 excel 文件,但是由于 ag-Grid 不支持这一点,我必须想出自己的导出功能。我遇到的问题是,我看到的大多数示例都依赖于这样一个事实,即数据将从 HTML 表中提取,而 ag-Grid 编译为<div>
s 那么编写函数来导出我的最好的方法是什么?数据作为.xls
或.xlsx
文件?
谢谢你的时间
typescript - agGrid 使用 angular2 和 typescript 搜索数据
如何在我的 agGrid 组件中设置过滤。我从 agGrid 中看到了一个示例,但它是用 javascript 编写的。 https://www.ag-grid.com/angular-grid-filtering/index.php
但似乎我无法使用下面的 ts 代码完成这项工作。
agGrid.component.ts
网格.html
ag-grid - 如何在 ag-grid 中启用导出到 csv
我正在使用开箱即用的 ag-grid ,是否有用于导出到 excel 的功能。到目前为止,我还没有编写任何事件代码来导出到 csv。我在想,就像它的排序和过滤功能一样,这也是开箱即用的(例如 highcharts 的上下文菜单)。
那么是否需要设置一个网格选项以使其准备好导出到 csv 或 excel
谢谢
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 错误消息
请帮我解决这个问题。
感谢您
angularjs - agGrid:自定义标题列绑定不起作用
我目前正在尝试在 agGrid 标头中添加一个角度指令。为此,我在 headerCellRenderer 中传递了一个函数,如下所示:
我的网格选项:
我的功能定义如下:
结果我的指令被渲染但“列”绑定是空的,我不明白我必须如何将对象传递给我的指令。
有任何想法吗 ?谢谢 !
ag-grid - Ag-Grid:数字格式,例如:123456.78 到 123,457
我有大量的数字数据。这需要呈现为逗号分隔值。对于前。
123456.78
被渲染为123,457
使用 Ag-Grid。请帮助我实现这一目标。