Cannot use custom editor in layoutDefinition of transposed grid

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

  • 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

  • Posted 23 September 2024, 4:29 am EST

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

  • 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

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels