Overview
Application scenarios: If you have installed the FVS plugin, you can view this article to learn about functions related to FVS templates.
Note: Mobile devices are not supported.
Version
Report Server Version | Plugin Version | Function Changes |
11.0.6 | 1.8.0 | Visible on preview was cancelled, but you can hide or display components in the Widget Layer list. |
11.0.6 | 1.5.0 | Textbox Widget was added. |
Function Introduction
During template preview, you can input text manually and other components will be linked through parameters. As is shown below:
For component animation, see FVS Component Animation.
For component styles, see FVS Component Basic Attributes. If you want to modify the widget name, set it on the Content tab page.
Functions
Widget Content
What can be set in the text box widget is shown as follows:
For details, see the table below:
Settings | Details |
Name | The widget name is the parameter name, and it is set as English by default. You can modify it according to the actual parameter. |
Font Size | The font size of the content in the widget defaults to 12 px. |
Default Value | The default content of the text box can be set as the following three types. 1. Custom string: Text can be directly inputted 2. Field: You can select field in the dataset. If the return value is an array, only the first value in the array sequence will be displayed. 3. Formula: Click fx on the right side to enter the formula. If the return value is an array, only the first value in the array sequence will be displayed. |
Watermark | The light gray watermark text displayed inside the widget during preview will remind you what to input. It will disappear by default after clicking the widget to enter text. The widget content is empty by default. |
Permission | It is used to decide whether the widget is editable when previewing. The default option is editable. |
Validation | Format validation: When you fill in the text box, there are eight validation rules. 1. None: No rules 2. Length: Check the length of the text and allow customized error messages 3. Email: Check email address format and allow customized error messages 4. ID Card: Check whether it is in standard ID card format, and allow customized error messages 5. Zip Code: Check the length of the postal code and allow customized error messages 6. Phone: Check the format of the fixed phone number, there are predefined formats to choose from, and allow customized error messages 7. Mobile phone: Check the length of the phone number and allow customized error messages 8. Custom: Define validation rules through regular expressions. For details, see Regular Expression. It will be none by default. |
Allow null: It will be ticked by default. If it is ticked, the widget is allowed to be null. If it is not ticked, you can set calibrate prompt text. And if the widget is empty during template preview, the prompt text will be displayed. |
Widget Interaction Events
Click Interaction > Add Event to add JavaScript events for more effects. The text box widget supports After Initialization and Edit Finish events. As is shown below:
The JavaScript event settings box will pop up if you click a specific event. As is shown below:
Note: For JavaScript supported by FVS, see JS Interface Scenarios Supported by FVS Large Screen.
Examples
Preparing the Template
1. Click File > New FVS Report in the top left corner of the designer.
2. Create a database query ds1 and enter the SQL query statement SELECT * FROM Sales _Volume where Region='${area}'. Set the parameter area default value to East China, which means obtain sales data from the East China region by default.
As is shown below:
Adding Text Box Widget
You can click Widget > Textbox to add the text box component.
On the Content tab page of the configuration panel on the right, modify the name to area and enter East China as the default value to match the area parameter defined in the dataset. As is shown below:
Adding Column Chart
Click Chart > Column Chart to add the component to the page, and add data with the area parameter to the column chart. As is shown below:
Previewing the Effect
Click Save in the upper right corner, then click Preview. When the value in the text box is manually changed to North China, the column chart will display data for the North China region. As shown in section "Function Introduction".