Auto Advance Entry Field Focus in Perspective

[pkhoshroo]

Hello everyone,

I am new to perspective and I am trying to shift focus to different numeric entry fields:
So I have 5 numeric fields for 5 barcode values. Is it possible to shift the focus to the next field in such a way where there would be 5 separate scans displayed?

I found a property change script here:

Shifting Entry Field Focus

I am trying to shift focus to the next data entry field, after a value is entered for an initial field. The code below works for a keyboard, but the touch screen mode entry pad leaves a blinking line in the field even after it loses focus. Is there a way around this? On property change: if event.propertyName == 'doubleValue': nextfield = event.source.parent.getComponent('Next Component Name') nextfield.requestFocusInWindow()

But it does not work for perspective, I know there might be lots of ways to do that probably using containers or property changes, but not sure how to do it. Any information would be much appreciated!

[nminchin]

Try this
https://docs.inductiveautomation.com/display/DOC80/Perspective+Component+Methods#PerspectiveComponentMethods-RequestingFocus

[pkhoshroo]

Thank you very much for your response!
Unfortunately, I am not quite sure how to use the information provided in this link to find the answer. In order to advance focus, do I need to create a custom method for each numeric field? and then call them from somewhere else? Where should I use the focus command?

@nminchin

Perspective Component Methods - Ignition User Manual 8.0 - Ignition Documentation

This is my first application with perspective so I am not quite sure to use which method exactly. I could not find anything for perspective and I found this link for vision:

Auto advance input field focus after barcode scan

Try something like this: propertyChange event if event.propertyName == "text": if chr(13) in event.newValue or chr(10) in event.newValue: event.source.parent.getComponent("txt2").requestFocusInWindow() NOTE TO SELF [size=50](and you since you are reading this)[/size]: PASTING text into a text field does NOT fire the propertyChange event.

[nminchin]

You would do something similar to that vision script, but instead you would attach a property change event
script to the props.text prop of each input field and use this as the script:

if chr(13) in currentValue.value or chr(10) in event.newValue:
    self.getSibling('next input component').focus()

You can select the next input component from the property selector. You can’t select a component itself, so you’ll need to select a property of a component and then delete the property name text so you’re left with similar to above code

[pkhoshroo]

I am not quite sure what is chr(13) and chr(10). Are they being used only for text fields? Or I can use them for numeric field as well? My application has only numeric fields.

Also, I tried this code, and it did not work.

@nminchin

if chr(13) in currentValue.value or chr(10) in event.newValue:
    self.getSibling('next input component').focus()

So what I did was:

1. Created 2 text fields
2. Used edit property change script on the first field
3. I wrote this script:

	if chr(13) in currentValue.value or chr(10) in event.newValue:
	    self.getSibling("TextField_0").focus()

I did the same thing for two numeric fields although I was not sure if I can use the same script, it did not work either. So when the barcode scanner enters the 1st value, the cursor does not automatically go to the 2nd field.

[pkhoshroo]

This is what I did and it worked:

1. Created 2 text fields (tx0, tx1)
2. Used edit property change script on the first field (tx0)
3. I wrote this script:

	if currentValue!=previousValue:
	    self.getSibling('tx1').focus()

[nminchin]

Chr(13) is tab and ch(10) is carriage return* (or line feed… Can’t remember), which are usually what a bar code scanner uses to delimit the end of its code. Glad you got it sorted

[lrose]

@nminchin

Chr(13) is tab and ch(10) is carriage return* (or line feed… Can’t remember)

Chr(13) is Carriage Return, also written as \r.
Chr(10) is Line Feed or New Line, also written as \n

[nminchin]

Whoops! I knew that, tab is chr(9)

[pkhoshroo]

Thank you! Could not have done it without your help.

[pkhoshroo]

Thanks for the clarification!