I. Overview
1. Version
| Report server version |
|---|
| 10.0 |
2. Application scenarios
"Pagination Preview" is the default preview mode of FineReport, which is generally used when you only need to view report data.
3. Function introduction
1) Open the designer and double-click to open the built-in GettingStartedEN.cpt Template, and click preview button on the designer interface to access the report, as shown in the figure below:
Note: there are five preview modes under this button: pagination preview, data entry preview, data analysis preview, new data entry preview, and mobile terminal preview. The default mode is pagination preview.
2) After clicking "paginstion preview", a report will be opened in the browser, as shown in the figure below:
Note: GettingStarted.cpt has a parameter drop-down control. You need to click query first, and then the data will appear.
II. Function Settings
The pagination preview settings page is only valid for the pagination preview template.
In the designer, click template > Web attributes > pagination preview settings to set the pagination preview interface. As shown in the figure below:
The main function modules are as follows:
| Function | Content | Precautions |
|---|---|---|
| Following setting | The first step of page setup, you can select the use server report setting, or you can individually set for the template. | - |
| Report display location | Set the location of the report in the browser | Mobile terminal does not support |
| Page | Some special settings of the page | - |
Toolbar | You can set whether to display the toolbar and customize the contents of the toolbar | Mobile terminal does not support |
| Event settings | Users can add Web events. See webpage events for details. | Mobile terminal only supports start loading and loading end events. |
1. Setting mode
1) Use server report settings
The default setting method is "Use server report settings". The bottom functions are grayed out and cannot be edited. This method works on all templates in the current server.
If you want to modify the pre-defined pagination preview settings of the server, you can click server > server configuration manager in the designer menu bar and select pagination preview settings in the report server parameter.
2) Individually set for the template
When you select "Individually set for the template" from the setting method drop-down box, you can directly edit the functions below. The configured page only works on the current template, and other templates are not available.
2. Report display location
Set the display position of the report preview in the browser, which is divided into "center" and "left". The default is "left", as shown in the following figure:
Center display
Left display
3. Page setup
Some special settings for the preview page are shown in the following figure:
1) Display as image: when paging preview, a report in picture form will be generated.
2) Auto scale when iframe is embedded: when the template is embedded into other templates in the form of iframe, the template size will be automatically adjusted during preview to adapt to the size of iframe.
After checking "auto shrink when iframe is embedded" for embedded template:
3) Heavy TD: control the row height and column width of the cell, which does not change with the content.
4. Toolbar
1) display toolbar
The system checks the use toolbar by default, that is, the toolbar will be displayed at the top when data entry preview. If you need to hide the toolbar, just remove the check.
2) Add tools
Double click the tool to add it to the top toolbar.
After selecting the tool, click to add the tool to the top toolbar, and click to add the tool to the bottom toolbar.
Click "restore default" to restore the original state.
3) custom toolbar
Click on the right side of the toolbar to enter the toolbar editing interface, as shown in the following above
In the editing interface, you can modify the added tool properties and sort, delete a single tool, and customize the background of the toolbar. As shown in the figure below:
The default toolbar background is "no background". Click background > color to set the background, there are also "texture", "pattern", "gradient color" and "picture", the effect is as follows:
4) Delete tool
The designer provides two deletion methods, as follows:
The first is deleting all tools.
Click on the right side of the toolbar, you can clear all the tools in the toolbar, as shown in the following figure:
The second is deleting single tool.
Click on the right side of the toolbar to delete a single tool through in the toolbar editing interface, as shown in the following figure:
5. Event settings
Click under event settings, JS events can be added to achieve other preview requirements through JavaScript code. For details, see: Webpage events.
Previous：Types of Template Preview
