Our blazing fast Grid component built with pure JavaScript


Post by alex.l »

I still see chipView: false, in the file attached. chipView is required for multiSelect mode.
Also here

    store: {
        fields: {
            name: 'city',
            type: 'dropdown',
        },

There is no dropdown type of DataField exist. Please check docs
https://bryntum.com/docs/scheduler-pro/api/Core/data/Store#config-fields
https://bryntum.com/docs/scheduler-pro/api/Core/data/Model
https://bryntum.com/docs/scheduler-pro/api/Core/data/Model#defining-fields

All the best,
Alex


Post by jinc »

Hi Alex,

If I add chipView: true with multiSelect: true the field freezes and does not render the dropdown. I have tested this on the Bryntum demo with:

{
            text: 'City',
            field: 'city',
            editor: {
                type: 'dropdown',
                multiSelect: true,
                chipView: true,
                items: [
                    'Stockholm',
                    'Moscow',
                    'Paris',
                    'Washington',
                    'San Francisco',
                    'New York',
                    'Barcelona',
                    'Dubai',
                ],
            },
        }

and thank you for the suggested documents. It seems the field definition does not need to be defined for the issue I am running into.


Post by alex.l »

https://bryntum.com/docs/grid/api/Core/widget/Combo#config-chipView is not Boolean. It may be disabled as false, but if it used, a config should be provided https://bryntum.com/docs/grid/api/Core/widget/ChipView#configs
When you set multiSelect: true, chipView is used by default.
All you need just do not provide this configuration in your editor config, as it shown in my code snippet.

{
            text: 'City',
            field: 'city',
            editor: {
                type: 'dropdown',
                multiSelect: true,
                items: [
                    'Stockholm',
                    'Moscow',
                    'Paris',
                    'Washington',
                    'San Francisco',
                    'New York',
                    'Barcelona',
                    'Dubai',
                ],
            },
        }

All the best,
Alex


Post by jinc »

Hi Alex,

Thank for the clarification. I have implemented the configuration you provided and it is still the same behavior as before. It does not do the typeahead behavior.


Post by alex.l »

That's weird, we need a full test case since it works well on my end.
Also please make sure you use latest released version.

Please see the video attached, I just used the code I posted to you and it works. So, maybe the problem in something else, we need to check your full application. Check if your cache is cleared, that's the only idea I have at the moment.

Attachments
Screen Recording 2022-11-17 at 11.55.15.mov
(5.85 MiB) Downloaded 105 times

All the best,
Alex


Post by jinc »

Hi Alex,

I have cleared the cache and it is still occurring. This issue is a bit weird because when I investigated it a bit further I noticed that the doFilter method is not being called in filterOnInput when a new character has been typed. When I type a character on the dropdown, it triggers the internalOnInput method and in this function I have access to event.target.value. However, once I pass in the event object to filterOnInput the event.target.value is undefined which causes an error on the next line,inputLen = value.length, which retrieves the length of this value.

Screen Shot 2022-11-29 at 12.13.13 PM.png
Screen Shot 2022-11-29 at 12.13.13 PM.png (328.08 KiB) Viewed 837 times

Post by alex.l »

Thank you for clarifications!
I found this big reported before https://github.com/bryntum/support/issues/5635
It's not resolved yet, but there is a patch in the ticket that will help you with the problem.

All the best,
Alex


Post Reply