[REACT] Combo Input Primary Filter

[tjmeal]

Hey,

Thanks for your reply.

I did updated the to editable: false in the sample you send me > but as you see on the video > the cellEditor remain open ? (so the behaviour i am looking for is not achieved)

[marcio]

Hey,

So, for this specific purpose, using finishEditing would be a valid approach.

I updated the demo with that - https://codepen.io/marciogurka/pen/YPPGKBK.

[tjmeal]

Hello again,

Yes editable:false and finished editing now won't trigger onChange 2 times.

But now the filtering input bar is not visible any more > the user has to type blindly to filter the combo. ( i mean that what the user types on his/her keyboard to filter the list > is not visible any more. ) event if filtering it self works.

Video attached demonstrating the issue.

[marcio]

Hi tjmeal,

When you set editable: false, the Combo field becomes non-editable, meaning the input field won't display the typed text. If you want the user to see what they are typing while filtering, you should keep editable: true. However, to close the editor after selection, you can still use finishEditing() in the onChange event handler.

It's expected, as you can see it here https://bryntum.com/products/grid/docs/api/Core/widget/Combo#editability. To have the text field editable, you'll need to handle the close/event handler behavior in your code.

[tjmeal]

Thanks for your reply,

i did not understand 100% what you mean here

To have the text field editable, you'll need to handle the close/event handler behavior in your code.

Also i think we are now getting in a loop:

a) editable: true && finishEditing() in the onChange > Problem: the onChange method triggers 2 times
b) editable: false && finishEditing() in the onChange > Problem: input field won't display the typed text
c) editable: false && not calling finishEditing() in the onChange > Problem: cell editor remains open.

Is there a way > to have all of the following ?
1) on selection close the cell editor
2) input field display the typed text the user is using for filtering
3) onChange trigger only once

If not i will have to compromise one of the above.

[marcio]

Hey tjmeal,

After internal discussion, we decided that a) should work without triggering onChange 2 times.

I created a ticket to implement that, please follow the updates here https://github.com/bryntum/support/issues/11246.

[tjmeal]

Thank a lot for your time.

Have a great day !

Best regards.