Report Button Widget

1) In designing a report, a Button widget can be bound to JS events to trigger report events.

2) In designing a form, you can insert a Button widget in cells to insert or delete rows. After clicking Data Entry Preview mode, you can see the effect of the widget.

3) Button widget can enable the tree expansion function, which should be viewed in Data Analysis Preview mode.

1. Insert a Button widget

1) Click B2, click [Widget Setting] in the right-hand pane, click the drop-down box, and choose [Button].

2) Insert a Button widget in C2 by repeating above steps.

2. Data entry preview

You can click on the widget.

3. Set the widget name

1) Set the names of the widgets inserted in B2 and C2 respectively.

2) After setting the names, access the widget through JavaScript and modify their attributes.

4. Disable the widget

1) Uncheck [Enabled] for B2 and check it for C2.

2) Preview. The color of the widget in B2 fades and cannot be clicked on while the widget in C2 is normal.

5. Hide the widget

1) Uncheck [Visible Widget] for B2 and check it for C2.

2) Preview. The widget in B2 is invisible while that in C2 is visible.

6. Common button

1) Set the attributes of the widget in B2

• Button Type: Common

• Button Name: OK

• Button Icon: 

• Hotkey: enter

2) Preview

7. Custom button

1) Set the attributes of the widget in B2:

• Button Type: Custom

• Button Name: OK

• Button Icon: 

• Hotkey: enter

• Initial Background: None

• Over Background: Yellow

• Click Background: Grey

2) Preview

8. Insert Row button

1) Set the attributes of the widget in B2:

• Button Type: Insert Row

• Button Icon: 

• Specify Cell: A2

• Number of Rows: 1

2) Set the attributes of A2:

• Expand vertically

• Add borders

3) Preview

9. Delete Row button

1) Set the attributes of the widget in C2:

• Button Type: Delete Row

• Button Icon: 

• Specify Cell: A2

• Number of Rows: 1

2) Preview

10. Tree Node button

1) Set the attributes of C2

• Button Type: Tree Node

• Input the text: Manager

• Expand vertically

2) Set the attributes of B3:

• Input the text: Lily

• Parent cell: B2

3) Select [Data Analysis] preview. The report only displays “Manager”. Click on the plus icon (+) preceding “Manager” to display “Lily”.