Change Tab Order of UnimEdit Input Fields located on a Frame

[Kattes]

I am creating a little mobile app, which gathers user records. In general everything works fine, but I cannot change the Tab-Oder of the UnimEdit components. Somehow funny is that it has 100% reversed direction. All my tries to get this problem solved via JS calls to manipulate the HTML tabindex failed.

Any ideas / suggestions are more than welcome 😀

[Sherzod]

1 hour ago, Kattes said:

Any ideas / suggestions are more than welcome 😀

Hello,

Have you tried using CreateOrder property?

[Kattes]

Yes, I also tried this, but without any effect.

[Sherzod]

1 hour ago, Kattes said:

I also tried this, but without any effect.

Do you have a simple testcase to reproduce this issue?

[Kattes]

Dear Sherzod,

perhaps you can just give me a quick hint how to change "tabindex" of an UnimEdit component using JS.

I tried this, but it fails:
 

function added(sender, container, index, eOpts)
{
  //alert(sender.el.query('input')[0].id);  
  sender.el.query('input')[0].tabindex = "2"
}

Kind regards,
Kattes

[Sherzod]

4 hours ago, Kattes said:

I tried this, but it fails:

Hi,

Can you make a simple testcase!?

[Kattes]

Sure,
Please find attached a simplified testcase.

Best regards,
Kattes

testcase.zip

[Sherzod]

46 minutes ago, Kattes said:

testcase.zip 419.23 kB · 0 downloads

I will check.

[Sherzod]

2 hours ago, Kattes said:

Please find attached a simplified testcase.

Dirty workaround:

  ...
  UnimEditFirstname.CreateOrder := 1;
  UnimEditFirstname.JSInterface.JSAddListener('painted', 'function(me){me.inputElement.dom.setAttribute("tabindex", "1")}');

  UnimEditLastName.CreateOrder := 2;
  UnimEditLastName.JSInterface.JSAddListener('painted', 'function(me){me.inputElement.dom.setAttribute("tabindex", "2")}');

  UnimEditStreet.CreateOrder := 3;
  UnimEditStreet.JSInterface.JSAddListener('painted', 'function(me){me.inputElement.dom.setAttribute("tabindex", "3")}');

  UnimEditZIP.CreateOrder := 4;
  UnimEditZIP.JSInterface.JSAddListener('painted', 'function(me){me.inputElement.dom.setAttribute("tabindex", "4")}');

  UnimEditCity.CreateOrder := 5;
  UnimEditCity.JSInterface.JSAddListener('painted', 'function(me){me.inputElement.dom.setAttribute("tabindex", "5")}');

  UnimEditEmail.CreateOrder := 6;
  UnimEditEmail.JSInterface.JSAddListener('painted', 'function(me){me.inputElement.dom.setAttribute("tabindex", "6")}');
  ...

 

[Kattes]

Thank you so much for this Sherzod!

Even if it is a dirty solution it saves my day  - I was already getting mad about it 😄

Kind regards,
Kattes

[PS1]

There is no easier solution for this ?

Shouldn't it be fixed in some patch ?