Cannot use custom editor in layoutDefinition of transposed grid

Cannot use custom editor in layoutDefinition of transposed grid

Posted by: namnguyen12399.coder on 23 September 2024, 4:25 am EST

• 

  namnguyen12399.coder

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 23 September 2024, 4:25 am EST

  I’m using TransposedMultiRow and I want to add AutoComplete instead of ComboBox in a cell. After checking documentation, I tried adding the “editor” key to “cells” in “layoutDefinition” (check the below demo).

  { cells: 
  [{ binding: 'customer.city',
   header: 'City', 
  dataMap: cityMap, 
  editor: new AutoComplete(document.createElement('div'), {
       itemsSource: cities,
       selectedValuePath: 'id',
       displayMemberPath: 'value'
   }) }] }

  However, when clicking on cell, the autocomplete is not displayed.
  
  Do you know why this happened and is there a solution for this problem?

  Demo: https://jscodemine.mescius.io/sample/wGxylOPhgEOG9z2cnw-B0g/

  Source Code: Grid_TransposedMultiRow_LayoutDefinition_Vue_2024-09-23.zip

• 

  namnguyen12399.coder

  • Post Options:
  • Link
    Copy

  Posted 23 September 2024, 4:29 am EST

  I also attached the recording of this problem:Clip.zip

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 24 September 2024, 8:44 am EST

  Hi,

  Based on your response, it seems you want to use AutoComplete in Transposed MultiRow with the “editor” property.

  Please note that editors such as AutoComplete, ComboBox, etc. are not supported in Transposed MultiRow. However, you can utilize the “dataMapEditor” property to set different types of data map editors such as AutoComplete, DropDownList(default when dataMap is used), RadioButtons, and Menu for editing values.

  Kindly refer to the attached sample and video that shows the behavior of AutoComplete & DropDownList data map editors.

  References:
  
  Data Map Editors Demo: https://developer.mescius.com/wijmo/demos/Grid/Columns/DataMapEditors
  
  Data Map Editors enum: https://developer.mescius.com/wijmo/api/enums/Wijmo_Grid.Datamapeditor.html

  Regards

  sample_.zip

  dataMapEditors.zip