ag-grid-angular

How to keep the cell highlighted while editing

守給你的承諾、 提交于 2020-06-29 04:05:17
问题 I have a developed a custom drop-down renderer and drop-down cell editor. When the cell is highlighted by single clicking, the following css is applied to get the effect as shown in picture .ag-cell:focus { border-radius: 5px; border: 2px solid blue !important; } I would like to have the same css on the cell when it is being edited by double clicking the cell. At present, the cell highlighting is missing as shown in the below image 来源: https://stackoverflow.com/questions/61821748/how-to-keep

How to keep the cell highlighted while editing

喜你入骨 提交于 2020-06-29 04:04:15
问题 I have a developed a custom drop-down renderer and drop-down cell editor. When the cell is highlighted by single clicking, the following css is applied to get the effect as shown in picture .ag-cell:focus { border-radius: 5px; border: 2px solid blue !important; } I would like to have the same css on the cell when it is being edited by double clicking the cell. At present, the cell highlighting is missing as shown in the below image 来源: https://stackoverflow.com/questions/61821748/how-to-keep

ng build --prod failed after ag-grid v 22.1.1 upgrade

南楼画角 提交于 2020-06-23 11:09:12
问题 I've started using ag-grid since its version 18 and currently at 20.0.0 I am in the process of upgrading to its latest version - 22.1.1. After resolving warning/errors due to breaking changes, everything - including 'ng serve' works fine. However, when I try to build angular application in prod mode, it fails. ERROR in ./app/app.module.ngfactory.js Module not found: Error: Can't resolve 'ag-grid-community/dist/lib/eventService' in 'C:\project\src\app'ERROR in ./main.ts Module not found: Error

ng build --prod failed after ag-grid v 22.1.1 upgrade

早过忘川 提交于 2020-06-23 11:09:07
问题 I've started using ag-grid since its version 18 and currently at 20.0.0 I am in the process of upgrading to its latest version - 22.1.1. After resolving warning/errors due to breaking changes, everything - including 'ng serve' works fine. However, when I try to build angular application in prod mode, it fails. ERROR in ./app/app.module.ngfactory.js Module not found: Error: Can't resolve 'ag-grid-community/dist/lib/eventService' in 'C:\project\src\app'ERROR in ./main.ts Module not found: Error

How to launch a method after a cell value has been edited in ag-grid?

主宰稳场 提交于 2020-05-15 10:19:25
问题 I have this simple column: Here's its definition: { headerName: "Activité", field: "activite", editable: true, , cellClass: "cell-wrap-text" } Here's the method I want to launch every time the user enters a new input in that column. public UpdateActValue() { this.data.sendActToBia(this.params.data.activite); } Here are my questions: 1/ Are there any ag-grid "native" way to launch a particular method after a cell value from a column has been edited? 2/ Should I simply define a custom cell

Ag-Grid Not Supporting Special Symbol

我与影子孤独终老i 提交于 2020-05-15 08:45:06
问题 I tried using Ag-Grid, and faced a challenge to plot the data for Special Symbol, It actually doesn't support the special symbol and doesn't plot it!! Refer To Example1.png, here the No. Column Doesn't contain data, but when I remove the dot operator from my script.js file from headerName, and rowData, it starts plotting it. (Refer To Example2.png) Also attached a zip file (Google Drive Link) as a prototype of this problem for your reference! https://drive.google.com/open?id=1UqyrRtAhg8

Ag-grid cellRenderer with Font Awesome Icons

本秂侑毒 提交于 2020-05-13 19:28:08
问题 I am attempting to add Font Awesome Icons via cellRenderer in ag-grid. How can I properly render <fa-icon> tags within a cell render? Here is what I attempted: { width: 150, headerName: 'Events', // tslint:disable-next-line: object-literal-shorthand cellRenderer: (params: any) => { const PHD: boolean = params.data.PHD; const DG: boolean = params.data.DG; const HOT: boolean = params.data.HOT; let result = ''; if (PHD) { result = result + '<fa-icon [icon]="faCoffee"></fa-icon>'; } if (DG) {

Ag grid master detail - Cannot handle click or any events in template string given to detail grid

為{幸葍}努か 提交于 2020-04-30 09:20:16
问题 https://plnkr.co/edit/N8uz5UccTS0yYxeG. There is Add row button inside detail grid. which is not working as its a string and its not compiled version. In UI grid, it has context like $scope.grid.appscope.eventhandler ref. In a similar way is there anything in ag grid? If not, How to compile that string using compiler in angular 7 or any other way for it? 来源: https://stackoverflow.com/questions/61290016/ag-grid-master-detail-cannot-handle-click-or-any-events-in-template-string-giv

Ag grid master detail - Cannot handle click or any events in template string given to detail grid

送分小仙女□ 提交于 2020-04-30 09:17:06
问题 https://plnkr.co/edit/N8uz5UccTS0yYxeG. There is Add row button inside detail grid. which is not working as its a string and its not compiled version. In UI grid, it has context like $scope.grid.appscope.eventhandler ref. In a similar way is there anything in ag grid? If not, How to compile that string using compiler in angular 7 or any other way for it? 来源: https://stackoverflow.com/questions/61290016/ag-grid-master-detail-cannot-handle-click-or-any-events-in-template-string-giv

Trouble setting up sample table. “Could not find matching row model for rowModelType clientSide”

巧了我就是萌 提交于 2020-03-21 11:31:08
问题 I've been going through the "Getting Started" tutorial for the ag-grid on the fresh project. Completed all the steps but got an error saying ag-Grid: could not find matching row model for rowModelType clientSide ag-Grid: Row Model "Client Side" not found. Please ensure the ClientSideRowModelModule is loaded using: import '@ag-grid-community/client-side-row-model'; Compared all my code with examples provided in the tutorial and some plunker examples, and didn't notice any differences. Tried