Set focus in Elmish mode

[pth65]

Hi,

I would like to toggle the focus between a TextBox and a ListBox to set which control will get keyboard input.
I am writing a small utility for personal use where one of the features would be to navigate folders and files with the keyboard, using vi key shortcuts.
My idea is to have a hotkey (only for my app) that switch focus between the 2 controls.
I saw there is an example setting focus but not for Elmish mode.
Any help would be appreciated, thank you.

[JaggerJo]

Hey,

Working with focus in Elmish is a bit problematic as you need to have a reference to the control you want to focus. You could work around this by using FindControl by name to find the control you want to focus.

https://reference.avaloniaui.net/api/Avalonia.Controls/ControlExtensions/D49E0C29

https://github.com/fsprojects/Avalonia.FuncUI/blob/master/src/Examples/Examples.SettingFocus/Program.fs

[pth65]

Hi,

Thank you for your quick answer.
I am not sure to understand how to get the underlying component from an IView.
I built the following view:

let mainView state dispatch =
        Grid.create [
…
            Grid.children [
                // Search
		TextBox.create [
		        TextBox.name "SearchTextBox"
…
                // Dir / Files
                ListBox.create [
                    ListBox.name "DirFilesListBox"
…
                ]
            ]
        ]

I tried to get the underlying component from my mainView with something like here below:

let private viewComponent view = Component (fun ctx ->
        view
    )

where the view is my mainView (IView) but the FindControl throws an exception because it didn't find the component.