How can I render a ListBoxComponent for an specific cell when editing in react Pivot Grid?

Question

Hello Support team,I have the requirement to select a value from a predefined list when editing the data grid. Is it possible to render the ListBoxComponent for an specific cell?. Same way as in the  GridComponent / ColumnsDirectiveCould you pls give me a clue on how to implement this requirement?

Saranya Sivan · Accepted Answer

Hi Enrique,  
  
We have prepared sample as per your requirement to render the dropdown list for a specific cell when editing the grid. 
  
Sample:  
https://stackblitz.com/edit/react-3mj45f-4g1aat?file=index.html  
  
Code Snippet: 
  




beginDrillThrough(args) { 
    args.gridObj.columns[3].editType = "dropdownedit"; 
  } 
  
Output: 
  
  
  
If this is different from your requirement, then please let us know the more details with screen shot/video (if possible), so that we can work towards fulfilling your requirement.  
  
Thanks,  
Saranya.

Saranya Sivan · Answer

Hi Enrique,   
   
We are validating the reported requirement (To render a list box component for specific cell when editing in react pivot grid) at our end. We will update the further details within two business days (17th December).  
     
    
Regards,   
Saranya Sivan.

Manikandan Murugesan · Answer

Hi Enrique, 

We have prepared sample as per your requirement. 
 
Sample: https://stackblitz.com/edit/react-3mj45f?file=index.js 

If this is different from your requirement, then please let us know the more details with screen shot/video (if possible), so that we can work towards fulfilling your requirement. 
 
Thanks, 
Manikandan.

Enrique Casas · Answer

Hi Manikandan,Thank you for your help.I need to display the ListBoxComponent for some specific fields when EDITING the data grid. In your example I see the DropDownList If I display the Data Grid details however when I use the Toolbar - ADD or EDIT buttons, the field restores to the original component . I attach the screen shot. In yellow the line that I'm editingRegards,  EnriqueAttachment: EDIT_DATA_GRID._c17d395c.zip

Enrique Casas · Answer

Hi Manikandan,Thank you for your help.I need to display the ListBoxComponent for some specific fields when EDITING the data grid. In your example I see the DropDownList If I display the Data Grid details however when I use the Toolbar - ADD or EDIT buttons, the field restores to the original component . I attach the screen shot. In yellow the line that I'm editingRegards,  EnriqueAttachment: EDIT_DATA_GRID._c17d395c.zipHi Manikandan,Thank you for your help.I need to display the ListBoxComponent for some specific fields when EDITING the data grid. In your example I see the DropDownList If I display the Data Grid details however when I use the Toolbar - ADD or EDIT buttons, the field restores to the original component . I attach the screen shot. In yellow the line that I'm editingRegards,  EnriqueAttachment: EDIT_DATA_GRID._159c5b1b.zip

Saranya Sivan · Answer

Hi Enrique,       
We are validating the reported requirement (To render a list box component for specific cell when editing in react pivot grid) at our end. We will update the further details within two business days (23rd December).        
     
Regards,    
Saranya Sivan.

Enrique Casas · Answer

Hi Saranya.Perfect. Thank you for your help.Regards

Saranya Sivan · Answer

Hi Enrique, 
 
Thanks for the reply. 
 
Please let us know if you have any other queries. We are always happy to assist you. 
  
Regards, 
  
Saranya Sivan