Angular 8 upgrade

Angular 8 upgrade

Posted by: eveverad3 on 20 June 2019, 6:57 pm EST

• 

  eveverad3

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 20 June 2019, 6:57 pm EST

  Hello,

  I did an upgrade to Angular 8 in my project but FlexGrid is not behaving anymore as before so I had to revert my upgrade.

  When are you planning to be compatible with Angular 8?

  Thanks and regards,

• 

  eveverad3

  • Post Options:
  • Link
    Copy

  Posted 21 June 2019, 12:59 am EST

  Let me give you more info regarding the issue I have: For Angular 8, I am using “wijmo”: “^5.20191.615” version
  
  and the part that is not working is the formatting. I put in “blue” color the headers that are readOnly and in “light red” the cells that were modified. None of them works in the new version and when i revert to my previous version “wijmo”: “^5.20182.523” and Angular 7 all works fine

   formatCells(grid: WjFlexGrid, editedCells: any[]) {
          grid.itemFormatter = (panel, r, c, cell) => {
  
              let color = '';
              if (panel.cellType === CellType.ColumnHeader) {
                  if (panel.columns[c].isReadOnly === true) {
                      color = this.globals.colorLightBlue;
                  }
              }
  
              if (editedCells) {
                  if (panel.cellType === CellType.Cell) {
                      if (this.isCellEdited(panel.grid, r, c, editedCells)) {
                          color = this.globals.colorLightRose;
                      }
                  }
              }
  
              cell.style.backgroundColor = color;
  
              // Smaller size of the font so users can see more
              cell.style.fontSize = '12px';
          };
      }
  

  Everywhere there was a ```
  
  @ViewChild(‘abc’) abc: WjFlexGrid;

  I replaced with: ```
  @ViewChild('abc', { static: false }) abc: WjFlexGrid;
  

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 23 June 2019, 8:36 pm EST

  Hello,

  We are sorry but we were not able to replicate the issue at our end. Please refer to the sample below that we used to replicate the issue:

  https://stackblitz.com/edit/angular-pdgmji

  Could you please tell us if we are missing something or you may provide us with your own sample that replicates the issue.

• 

  eveverad3

  • Post Options:
  • Link
    Copy

  Posted 30 January 2020, 11:40 pm EST

  Thanks,

  For anyone having the same problem. @ViewChild should be static:true

  @ViewChild('abc', { static: true}) abc: WjFlexGrid;
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 February 2020, 2:27 pm EST

  Hi,

  Thank you for the information. I am sure this will help others who are having the same issue.

  Regards,
  
  Ashwin

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 February 2020, 2:27 pm EST

  Hi,

  Thank you for the information. I am sure this will help others who are having the same issue.

  Regards,
  
  Ashwin