Immediate Focus Receiving of Widgets Upon Cell Switching During Data Entry by JS

Application Scenario

In the data entry mode, when you press the shortcut key Tab to switch to the next column, or press Enter to switch to the next row, the active cell will be highlighted with thick black borders. Although you can continue data entry, the visual experience will be poor. How can a widget immediately receive the focus after you switch between cells?

Implementation Effect

The final effect is as follows: After you switch between cells using Tab or Enter, the widget in the cell of the next column or next row immediately receives focus.

Template Preparation

Design the cells as follows. Add text widgets for the cells in the second row, and set Expansion Direction to Vertical for cell A2.

Loading End Event Adding

Choose Template > Web Attribute, click Data Entry Setting, select Set for This Template Separately from the Following Settings: drop-down box, and then add a Loading End event.

The JS code is as follows:

contentPane.setEditOnMove(true);

Effect Preview

Click Save, and click Data Entry Preview. The effect is the same as that shown in the section "Implementation Effect."

Download the template by clicking Immediate Focus Receiving of Widgets Upon Cell Switching During Data Entry by JS.cpt.