Issue with Wijmo Flex Grid column handler

Issue with Wijmo Flex Grid column handler

Posted by: AAl-ismail on 6 November 2020, 1:31 am EST

• 

  AAl-ismail

  • Post Options:
  • Link
    Copy

  Posted 6 November 2020, 1:31 am EST

  Hi,

  We have a requirement where the flex grid column would have a which opens a pop-up also the column text would have another which redirects to a page. See below our implemented code.
  
  intLoad(){
  
  this.flex.formatItem.addHandler((s: FlexGrid, e: FormatItemEventArgs) => {
  
  if (e.panel == this.flex.cells && this.flex.columns[e.col].binding == ‘colName123’) {
  
  e.cell.innerHTML =

  <a class="style-description" >${this.flex.rows[e.row].dataItem.colName123}</a>

  ;
  
  }
  
  });
  
  }

  however the text assigned to colName123 has value like this - This is a popup with ID 12304 in the cell.

  The issue is am able to see the link and popup fine till half of the text whereas “in the cell” is not shown as clickable.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 9 November 2020, 5:39 am EST

  Hi,

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

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

  Can you please let us know whether we are missing something in order to replicate the issue?

  Regards,
  
  Ashwin

• 

  AAl-ismail

  • Post Options:
  • Link
    Copy

  Posted 9 November 2020, 9:47 am EST

  Hi Ashwin,

  We have a requirement where both popup and link should be available in single cell. In the attached sample code, i am looking for something like

  ID Popup Link
  
  0 US should redirect to US-Wiki US

  Some weird popup should open on selecting text and on click of US-wiki it should redirect to other URL. Kindly suggest if it’s feasible.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 10 November 2020, 7:21 am EST

  Hi,

  I think I understand your requirements. Please refer to the updated sample link below:

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

  In this sample, if you will select any cell in the Popup column, a popup will be displayed and if you will click on the link inside this column, the link will open.

  Let me know if this fulfills your requirements.

  ~regards