ag-grid相关内容

agGrid Angular-在行,列上添加元素(图标)

我想知道如何向行中添加图标,如下图所示.我在Google上进行了研究,但没有发现任何帮助. https://imgur.com/a/IU5JlbN “示例" 解决方案 您应该使用Column def在网格中创建一个新字段,如下所示- {headerName:“",栏位:"icon",宽度:100,cellRenderer:函数(参数){返回' ..
发布时间:2021-04-06 20:22:17 其他开发

Angular 8中的ag-grid单元内未显示字体真棒图标

我正在尝试学习Angular,因此请遵循有关安装和使用ag-grid和Font Awesome的指南,但是我无法使用cellRenderer在Fas-grid单元内显示图标.如果我在网格外部使用相同的图标HTML,它将正确显示.并且,如果我在单元格中放置了类似链接之类的图标,它将正确显示.这是我的代码: component.ts 从'@ angular/core'导入{组件}从"@ for ..
发布时间:2021-04-06 20:01:24 其他开发

Ag-grid:使用AggFunc时如何更改定义列headerName?

对于给定的列定义,当使用aggFunc时,headerName以func(string)格式显示-我只希望标题显示我定义的字符串.当AggFunc为null时,此行为不存在. const columnDef:any = {headerName:“测试",字段:日期,hibitMenu:true,宽度:80,可编辑:正确,lockPosition:正确,类型:"numericColumn",ag ..
发布时间:2021-04-06 19:48:21 其他开发

当单击网格上的任何其他单元格时,Ag Grid将停止编辑单元格.如何预防呢?

我有一个具有 fullRow 编辑功能的Ag网格.单击 Edit 按钮(使用网格的 startEditing()方法)时,该行进入编辑模式. 在编辑模式下,我显示两个按钮, Save 和 Cancel .我已经找到了抑制键盘事件(Enter,Esc等)的方法.但是当单击另一个单元格时,我找不到任何方法来阻止网格退出编辑模式.我希望即使单击网格的另一部分,行仍处于编辑模式. 如何实现此功 ..
发布时间:2021-04-06 19:19:34 其他开发

如何在Angular 2中将Ag-Grid导出为PDF格式?

我正在Angular 2中使用AG-GRID.我发现只有将网格导出到Excel的选项. 如何将网格导出为PDF? 解决方案 在保留样式的同时导出为pdf是一项非常棘手的任务,并且有一些选项可以满足您的需求. html2pdf :这会将html转换为画布,然后从画布转换为图像,然后转换为图像从图片到pdf.问题在于这种实现方式倾向于产生低分辨率的图像. jsPdf :该库是 ..
发布时间:2021-04-06 19:07:26 其他开发

Angular 2中的单元测试农业网格

有人在Angular 2中对ag-grid组件进行单元测试吗? 对我来说,在运行测试用例时,this.gridOptions.api仍未定义. 解决方案 很抱歉聚会晚了一点,但几天前我一直在寻找答案,所以想把答案留给其他人到此为止.如上面的Minh所述,必须运行现代等效的 $ digest 才能使Ag-grid api可用. 这是因为在运行 onGridReady()后,您可以 ..
发布时间:2021-04-06 19:03:33 其他开发

如何使用ag-grid CustomFilterComponent构建查找搜索功能

我有这个例子: https://embed.plnkr.co/iUrXZcG14lzhpD5Ofa3z/ 其中显示了一个带有其列的表,我需要的是构建搜索查找功能而不是默认的过滤器功能,以便: 如果键入全名michael,则该表将由michael过滤,或者如果我键入电话号码,则michael的名称将由michael过滤.换句话说. 有一个映射数组: {关键:迈克尔,值:迈 ..

在ag-grid文本过滤器中可能有两个以上的条件?

在默认的ag-grid过滤器中,可以添加一个或两个条件(使用AND或OR串联). 我的问题是,是否可以使用相同的逻辑运算符(除了创建整个自定义过滤器之外)使3个或更多串联条件存在. 谢谢. 解决方案 否,如果要对两个以上的条件应用黑白两个参数,则需要实现自己的 IFilterAngularComp ./p> 阅读此 ..
发布时间:2021-04-06 18:44:10 其他开发

搜索功能定制

显示带有其列的表.我需要的是构建搜索查找功能而不是默认过滤器功能,以便在“迷你过滤器"窗口中的“值列表"中而不是整个表中:[![在此处输入图片描述] [1]] [1] 如果键入全名Michael,则该表将由Michael过滤,或者,如果我键入电话号码,则Michael的名称将由Michael过滤.换句话说. 我不希望更改过滤器的值以基于过滤器的令牌,并且我也不想将列的值更改为基于列的令 ..
发布时间:2021-04-06 18:42:26 其他开发

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

我在此方面花了足够的时间来理解和实施,但似乎文档写得不够清楚或无法理解一些基本知识. 使用ag-grid-community 22.1.1不能更改许多后端代码,因此在后端进行更改的建议将不起作用.我能看到的最好的选择是他们解释的无限行模型. ag-grid官方文件 如上图所示,如果我的后端API缓慢并且返回数据缓慢,这对我无济于事,因为它反过来又在控件之外调用某些外部api会返回缓慢的 ..

AG-grid-angular6-颜色更改以在刷新网格时闪烁

我正在使用 [enableCellChangeFlash]="true" 然后做 var params = { force: true }; this.gridApi.refreshCells(params); 用于强制刷新所有单元格. 正在发生刷新,但是颜色为绿色或绿色. 有没有办法改变这种默认颜色? 可以在此处看到示例: https://www.ag ..
发布时间:2020-08-21 19:29:14 其他开发

更改每隔一行的背景颜色

我正在尝试复制ag-grid的默认设置,该默认设置将每隔一行的背景绘制为稍微不同的颜色.但是,当我尝试对列进行重新排序时,单击headerColumn时,背景色不会重新排序. 这是我目前无法使用的方法 cellStyle(params) { let backgroundColor = #FFFFFF; if (params.node.rowIndex % 2 === 1) ba ..
发布时间:2020-08-21 19:29:03 前端开发

AG Grid使用applyTransaction插入行

是否可以在特定索引处而不是在网格末尾插入行? 例如,如果我想从顶部插入10行,该怎么办?还是在中间? 我确实找到了一种叫做insertItemAtIndex(index, [rows]); 的旧的网格方法 ,但此方法无效,并表示已弃用.有没有办法用applyTransaction(transaction)做到这一点? 解决方案 RowDataTransaction接口具有可 ..
发布时间:2020-08-21 19:29:00 前端开发

没有企业版,有没有办法在ag-grid中对行进行分组?

我在我的应用程序中使用ag-grid,并且希望某行的子行在单击时会展开(类似于主/明细,行分组或树数据).但是,所有这些都是企业功能.没有企业许可证,有没有办法实现类似的功能? 行分组: https://www.ag-grid.com/javascript -grid-grouping/, 主要/详细信息: https://www.ag-grid. com/javascript-grid- ..
发布时间:2020-08-21 19:28:52 其他开发

在ag-grid中,angularCompileRows选项有什么作用?

我今天试图在 ag-grid 中获取单个单元格,以针对父控制器中的scope方法触发 ng-click 事件,并尝试了许多不同的方法事物.在查看人们发布的一些工作代码后,我注意到每个人都在 gridOptions 中将 angularCompileRows 设置为 true .我尝试在自己的代码中打开 angularCompileRows ,它成功了! ng单击并触发并调用控制器方法. 我的 ..
发布时间:2020-08-21 19:28:48 其他开发