Multi-Select combo box custom editor on cell edit

Multi-Select combo box custom editor on cell edit

Posted by: derek on 8 July 2021, 1:59 pm EST

• 

  derek

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 8 July 2021, 1:59 pm EST

  Hi, I was wondering if someone could provide a version of this example where this is handled programmatically rather than within the template because in our application we create the columns dynamically in the angular component.

  Any help would be greatly appreciated.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 12 July 2021, 2:44 am EST

  Hi Derek,

  You can use the multiSelect control using the editor property of Column. You may refer to the code snippet below on how to implement the same:

  editor: new MultiSelect(document.createElement('div'), {
          itemsSource: getMultiSelectData()
        })
  
  

  You may also refer to the sample demonstrating the same:

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

  In the sample above the country column is a multiSelect dropdown.

  Regards,
  
  Ashwin