I. Overview
1. Version description
| Report server | JAR package | App | Top parameter panel plugin | HTML5 mobile display plugin | Function changes |
|---|---|---|---|---|---|
| 10.0 | 2018-11-21 | V10.2 | V10.2.16 | V10.2.33 | Only supports App |
| 2019-11-06 | V10.4.49 | V10.4.45 | V10.4.49 | Support App and HTML5 terminal | |
| 2018-11-21 | V10.4.975 | V10.4.975 | V10.4.975 | Optimized effects of top widget and adapt to dark mode | |
| 10.0.13 | 2021-01-25 | V10.4.976 | V10.4.976 | V10.4.976 | Optimized display effect when there are many filtering conditions User can choose whether to turn on automatic query |
2. Expected effect
The template default parameter interface is called through the funnel filter button at the bottom of the parameter interface. After clicking it, it will jump to a new page to edit the parameters, and then query.
Some users may not be accustomed to this interaction, and hope that the parameter interface can be displayed directly in the main body of the report, and there is no need for page jumps when selecting parameters, etc. As shown below:
3. Implementation method
Users can use the Top parameter panel plugin to freely choose the position of the parameter panel.
The mobile terminal preview parameter interface is directly displayed in the main body. After selecting the parameter, the report data below is automatically refreshed. It is suitable for parameter interface templates with a small amount of data, a small number of parameters, and no complicated custom widget .
II. Example
1. Plugin installation
To download the plugin, please click: Top parameter panel plugin
The installation method of the designer plugin refers: Designer Plugin Management
The installation method of the sever plugin refers: Sever plugin mangement
2. Template settings
In the report designer, user can set the display style for the CPT and FRM template parameter interface asTopstyle.
Open the template%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Parameter\Parameter_query-phone.cpt
Click onParameter panel, ClickMobile Terminal, Parameter panel selectionTop,As shown below:
3. Mobile preview
Save the template, select the mobile terminal to preview
1) AppThe app effect is consistent with the Expected effect in Chapter I.2 of this document.
2) HTML5Note: Some versions do not support the top parameter panel on the HTML5 side, please refer to this document for details in I.1 Version
III. Template experience
The specific use and effect of Top parameters Panelplugin templates, please choose according to demand download Mobile terminal Demo in Chpter I.1The template experience .
IV. Matters needing attention
1. Data screening effect
If there is a text widget in the parameter panel, select the parameter panelTopAt the topFilterButton, click and enter query from the sidebar, the preview effect of the mobile terminal effect is as shown in the figure below:
2. Widget display effect
The 10.4.975 version optimizes the display effect of the top widget . For specific version requirements, please refer toI.1 Version , The optimization points are as follows:
The widget has a default value: display the set widget value. (If multiple default values are set for the multi-value widget , the first value + selected number will be displayed)
Widget has no default value: pressWatermark>label name>All emptyTo display in the order of, the corresponding setting positions are as shown in the figure below:
The sample effect is shown in the figure below:
Single value widget : display the selected value after switching.
Multi-value widget : display the first value + selected number after switching, where the selected number icon replaces the initial selected value icon.
3. Conditional screening optimization
The 10.4.976 version optimizes the display effect of many filter conditions. For specific version requirements, please refer toI.1 Version , The optimization points are as follows:
1) Multi-condition screeningWhen the number of conditions <=4, all conditions can be displayed directly in one line, as shown in the following figure:
When the number of conditions> 4, the extra conditions will be included in More, and the user can pull down to set other conditions, as shown in the following figure:
2) Automatic query
When the style template is Top, click the edit button on the right to choose whether to enable automatic data query, as shown in the figure below:
Check Auto Query, after setting a certain condition, the query will be performed immediately, and the effect is shown in the following figure:
Do not check Auto Query, after setting a certain condition, user need to click the query button on the right to query, as shown in the figure below:
