Wijmo Grid Dropdown list change filter behavior

Posted by: brzozowski.m24 on 15 June 2022, 4:09 am EST

    • Post Options:
    • Link

    Posted 15 June 2022, 4:09 am EST

    Hi, I have a question related to Dropdown list in Wijmo grid.

    Is it possible to change the filtering for dropdown list once user type something?

    I would like to filter dropdown list with results which contains dropdown list input.

    I would like to have quite same behavior which we have in AutoComplete, but I don’t want to use the AutoComplete in my case. I would like to add custom behavior of dropdown list input.

    Demo link with current behavior is here:

    https://codesandbox.io/s/quizzical-shadow-rdji8?file=/src/index.ts

    I cannot find any information about this case. Can you help?

    Thank you

  • Posted 20 June 2022, 6:34 pm EST

    Hello,

    We apologize for the delayed response, you may refer to the sample link below demonstrating how you can achieve the desired result in the dropdown:

    https://codesandbox.io/s/exciting-gagarin-iymyfc?file=/src/index.ts

    In the above sample link, we have handled the prepareCellForEdit event of FlexGrid and attached input and keydown event to grid’s activeEditor to handle the searching behavior and then update the dropdown list accordingly.

    Regards

  • Posted 20 June 2022, 7:37 pm EST

    Hi, thank you for response.

    I’m also wondering, if there is a possibility to add a custom dataMapEditor? I would like to create my own dropdown and place it in the cell of the FlexGrid table. Currently, we only have 3 options: DropdownList, Radio Buttons and AutoComplete. Is it possible to add my own options?

    Thank you

  • Posted 20 June 2022, 7:40 pm EST

    I’m working on Angular 13 version, and I would like to create my own component for dropdown.

  • Posted 21 June 2022, 3:55 pm EST

    Hello,

    You may refer to the sample attached below demonstrating how to add a custom editor into FlexGrid cells. You can use the similar to add your custom editor into cells, in case you face any issues then please let us know.

    Sample:FlexGrid_CustomEditor.zip

    Regards

  • Posted 22 June 2022, 12:52 am EST

    This is very nice! Thank you for sample

Need extra support?

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

Learn More

Forum Channels