ag-grid

Toggle floating filter in Ag-Grid?

≯℡__Kan透↙ 提交于 2021-02-10 07:22:12
问题 I am trying to have the display of the floating filter be determined by a switch or button click. Seems simple enough. I should just be able to toggle between true and false, supply that value to the floating filter in the grid options, and refresh the header right? Unfortunately, the grid always seems to be one step behind. When I click the first time, nothing happens. When I toggle the switch back to false is when the floating filter comes up. The floating filter will then continue to

AngualrJs: do I require $scope in my controller for this?

半腔热情 提交于 2021-02-10 06:25:57
问题 I am trying to emulate this Plunker, specifically adding a button to each row of an ag-grid. function ageClicked(age) { window.alert("Age clicked: " + age); } function ageCellRendererFunc(params) { params.$scope.ageClicked = ageClicked; return '<button ng-click="ageClicked(data.age)">Age</button>'; } Ag-grid calls ageCellRendererFunc to render the cell. It is generating some HTML to ender a button, which, when clicked will cause ageClicked to be called. That params.$scope.ageClicked =

Font awesome icon not displaying inside ag-grid cell in Angular 8

这一生的挚爱 提交于 2021-02-10 06:17:49
问题 I'm trying to learn Angular so following guides on installing and using ag-grid and Font Awesome, but I can't get an fa-icon to display inside an ag-grid cell using the cellRenderer. If I use the same icon HTML outside of the grid, it displays correctly. And if I put something like a link in place of the icon in the cell, it displays correctly. Here is my code: component.ts import { Component } from '@angular/core' import { faUserEdit } from '@fortawesome/free-solid-svg-icons'; @Component({

Font awesome icon not displaying inside ag-grid cell in Angular 8

限于喜欢 提交于 2021-02-10 06:16:41
问题 I'm trying to learn Angular so following guides on installing and using ag-grid and Font Awesome, but I can't get an fa-icon to display inside an ag-grid cell using the cellRenderer. If I use the same icon HTML outside of the grid, it displays correctly. And if I put something like a link in place of the icon in the cell, it displays correctly. Here is my code: component.ts import { Component } from '@angular/core' import { faUserEdit } from '@fortawesome/free-solid-svg-icons'; @Component({

Ag-grid defaultColDef not re-applied after initial component load

别等时光非礼了梦想. 提交于 2021-02-09 07:40:58
问题 Ag-grid applies defaultColDef formatting (cellStyle and cellRenderer) perfectly using ngOnChanges when the table initially receives async-retrieved data. However, if the component containing the grid is hidden and then re-initialized via an *ngIf condition, the table is re-populated with the correct data, but defaultColDef formatting is not reapplied even though the ngOnChanges is triggered again just as before, and this.gridOptions.defaultColDef = this.defaultColDef; is set within the

Ag-grid defaultColDef not re-applied after initial component load

百般思念 提交于 2021-02-09 07:39:50
问题 Ag-grid applies defaultColDef formatting (cellStyle and cellRenderer) perfectly using ngOnChanges when the table initially receives async-retrieved data. However, if the component containing the grid is hidden and then re-initialized via an *ngIf condition, the table is re-populated with the correct data, but defaultColDef formatting is not reapplied even though the ngOnChanges is triggered again just as before, and this.gridOptions.defaultColDef = this.defaultColDef; is set within the

Ag-grid defaultColDef not re-applied after initial component load

坚强是说给别人听的谎言 提交于 2021-02-09 07:37:53
问题 Ag-grid applies defaultColDef formatting (cellStyle and cellRenderer) perfectly using ngOnChanges when the table initially receives async-retrieved data. However, if the component containing the grid is hidden and then re-initialized via an *ngIf condition, the table is re-populated with the correct data, but defaultColDef formatting is not reapplied even though the ngOnChanges is triggered again just as before, and this.gridOptions.defaultColDef = this.defaultColDef; is set within the

Is it possible to open and close a custom floating filter in ag-grid?

旧巷老猫 提交于 2021-02-08 10:21:10
问题 Is it possible to open and close or to show and hide custom floating filters in ag-grid, for example if a button was clicked? If you initialize the table, only the header should be visible. Then after a specific button was clicked, also the floating filters below the header should be visible. 回答1: Try this: gridOptions.floatingFilter = !gridOptions.floatingFilter; gridOptions.api.refreshHeader(); 来源: https://stackoverflow.com/questions/46956579/is-it-possible-to-open-and-close-a-custom

Server-side filtering with Angular 6 ag-grid and ASP.NET and EF Core 2.1

天涯浪子 提交于 2021-02-08 08:12:43
问题 I am trying to implement server-side filtering in ag-grid (infinite scrolling mode). Problem is - documentation about filterModel is very obscure and I am slowly discovering things using console.log which is getting frustrating because of different information filterModel can provide which also makes mapping to server side classes very tedious. Has anyone found proper documentation about filterModel? Also, has anyone found helper methods for ASP.NET Core and EF Core to apply this filterModel?

Server-side filtering with Angular 6 ag-grid and ASP.NET and EF Core 2.1

…衆ロ難τιáo~ 提交于 2021-02-08 08:01:28
问题 I am trying to implement server-side filtering in ag-grid (infinite scrolling mode). Problem is - documentation about filterModel is very obscure and I am slowly discovering things using console.log which is getting frustrating because of different information filterModel can provide which also makes mapping to server side classes very tedious. Has anyone found proper documentation about filterModel? Also, has anyone found helper methods for ASP.NET Core and EF Core to apply this filterModel?