I. Overview
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.
| You will learn |
|---|
|
II. Steps
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”.
