How to Entering multiple lines in FlexGrid

How to Entering multiple lines in FlexGrid

Posted by: ngvanthuong97 on 16 October 2019, 12:13 am EST

• 

  ngvanthuong97

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 16 October 2019, 12:13 am EST

  Hello everyone,

  I want to enter multiple lines in FlexGrid so I put a textarea in the cell of FlexGrid but not sure why ALT+Enter is not working as it is like Excel.
  
  I do not find any related example in wijmo website either.

  Any idea is very welcome and thanks a lot in advance!

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 16 October 2019, 1:19 am EST

  Hi,

  To enter multi-line text in the FlexGrid, you may simply set the multiLine property of the column to true:

  grid.columns[1].multiLine = true;
  

  https://stackblitz.com/edit/js-wp85gn

  In this sample, try editing the country column and use the key combination Alt + Enter to move to the next line.

  Regards,
  
  Ashwin

• 

  ngvanthuong97

  • Post Options:
  • Link
    Copy

  Posted 16 October 2019, 3:10 am EST

  Hi ashwin,
  
  Thank for your idea! It working for FlexGrid very well
  
  I used “wijmo.angular2.grid.multirow”, so I set properties in class CellMulti. It also working well

  class CellMulti {
    constructor(
      public binding: string,
      public header: string,
      public cssClass?: string,
      public format?: string,
      public isReadOnly?: boolean,
      public wordWrap?: boolean,
      public multiLine?: boolean,
      public width?: number,
      public colspan?: number,
      public align?: string,
      public dataMap?: DataMap
    ) { }
  }
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 16 October 2019, 11:27 pm EST

  Hi,

  I am glad that you were able to resolve your issue. Let us know if you have any further queries.

  ~regards