Is it possible to Add dropdown control on a flexsheet on a single row?

Is it possible to Add dropdown control on a flexsheet on a single row?

Posted by: chayankar209 on 15 July 2018, 4:27 pm EST

• 

  chayankar209

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 15 July 2018, 4:27 pm EST

  Hi,

  Wijmo FlexGrid allows us to add dropdown control on a column, but is it possible to add it on a single row or any selected cell ? I would also like to know how the event chnaged is captured when one selects an option from the dropdown control.

  Thank you !!

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 16 July 2018, 11:19 pm EST

  Hi,
  
  We presume that you are referring to flexsheet control and want to apply custom editor for some of the sheet’s cells.
  
  If that is the case, you may handle prepareCellForEdit event and attach the required editor.
  
  Please refer to the following sample which implements the same:-
  
  https://stackblitz.com/edit/angular-bexbgy?file=app%2Fapp.component.ts

  In case you had another requirement please free to explain further.

  ~Manish

• 

  chayankar209

  • Post Options:
  • Link
    Copy

  Posted 17 July 2018, 6:01 pm EST

  Please refer to the link: http://demos.wijmo.com/5/Angular/MultiColumnDropDowns/MultiColumnDropDowns/

  Refer to the section Multi-column FlexGrid

  I want to add drop down controls to GlexGrid cell. The drop down control is getting added column wise, but I want to add the controls row wise. Applying the drop down control to a particular cell is also required. Is it acheivable ?

  Thank you !!

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 18 July 2018, 9:03 pm EST

  Hi,
  
  As we understand, you would like to add DropDown control to a Column for a certain row. This can be accomplished using the approach suggested in the previous reply.
  
  The updated sample for flexgrid:-
  
  https://stackblitz.com/edit/angular-sht1qu?file=app%2Fapp.component.html

  Also, you would like to show the DropDown in MultiColumn.
  
  If yes, you need to set dropDownCssClass to ‘multi-column’ after adding following code in style.

  /* CSS for multi-column listBox (note: FlexBox is not supported by IE9) */ .multi-column.wj-listbox, /* direct children, like ComboBox */ .multi-column .wj-listbox { /* grand children, like MultiSelect */ display: flex; flex-wrap: wrap; max-width: 430px; } .multi-column .wj-listbox-item { min-width: 140px; }

  Hope it helps!

  ~Manish