B4J Question [BANanoVuetifyAD3] how set focus to specific VTextField

[Lello1964]

How move focus to specific VTextField in BANanoVuetifyAD3 ?

 

[Star-Dust]

BANano for Dummies by Example

Ola BANAno4Dummies TERMS OF ENGAGEMENT: Please DO NOT POST QUESTIONS ON THIS THREAD. I AM ONLY DOING THIS DUE TO THE NUMEROUS REQUESTS I HAVE RECEIVED TO DO IT. I AM NOT A BANANO EXPERT AND STILL A DUMMY MYSELF, EXPECT SPELLING ERRORS (I SPEAK XHOSA), EXPECT CODE ERRORS, BE CONSIDERATE, BE...

www.b4x.com

 

[Mashiane]

Because would want to focus on any component, this has been to be at page level. You need the name of the component that you want to focus to.

You can focus on an element when the page is shown or via an event e.g. a click.

To focus on an element, when the page is shown, use the "AutoFocus" property of that component and check it in the property bag.

To focus on an element when an event happens. This is what needs to happen

Step 1: Get access to the page references.

1. Each page in your app, will always sit on top of the router-view. Each element on your page has a reference i.e. id. Internally VueJS needs to store these in a "refs" table. These "refs" change each time you navigate to another page, so to get the latest reference to them. Execute.

page.RefreshActiveRefs(vuetify)

Step 2: Set the focus to the element

Then, you can focus to an element using its "ref", by running

page.SetFocus("mycomponentname")

So the final code is

page.RefreshActiveRefs(vuetify)
page.SetFocus("mycomponentname")

Happy BVAD3 Coding!

 

[Lello1964]

thanks @Mashiane and@Star-Dust

I also found the autofocus property of the VTextField which forces the focus on the object when the page is loaded.