Overview
Version
| Report Server Version | Plugin Version | APP Version/HTML5 Mobile Display Plugin Version | Functional Change |
11.0 | V2.7 | / | / |
11.0.20 | V2.7 | V11.0.85 | The new multi-select dropdown tree widget is adapted to mobile terminals. |
Problem Description
In the FineReport designer, the multi-select dropdown tree widget is built in.
If Return Only Leaf Node is ticked, you can select all child nodes by selecting the parent node which is not included in the return value, however.
If Return Only Leaf Node is unticked, the parent node can be selected as the return value, but child nodes can only be manually selected one by one.
The following sections introduce how to select both the parent node itself and all its leaf nodes with one click.
Implementation Method
Install the new multi-select dropdown tree widget plugin in FineReport, through which you can select both the directory and its leaf nodes for the selected data with a tree structure.
Notes
1. The new multi-select dropdown tree widget is not supported if the FR11 parameter panel is enabled.
2. The new multi-select dropdown tree widget is not supported if theEngine-X is enabled.
3. In FineReport V11.0.20 and earlier versions, the new multi-select dropdown tree widget is not supported on mobile terminals.
In FineReport V11.0.20 and later versions, the new multi-select dropdown tree widget is supported on mobile terminals.
Plugin Introduction
Plugin Installation
To download the plugin, click New Multi-Select Dropdown Tree Widget.
For details about how to install plugins in the designer, see Designer Plugin Management.
For details about how to install plugins on the server, see Server Plugin Management.
Plugin Usage
After installation, the new multi-select dropdown tree widget is added in the toolbar. Drag it to the Parameter Panel. Then the widget is added to a report.
Widget Attribute
The attributes of the new multi-select dropdown tree widget are similar to those of the drop-down tree widget. For details, see Drop-down Tree Widget.
Through the new multi-select dropdown tree widget, you can select both the directory and its leaf nodes if Multiselect and Return Only Leaf Node are ticked.
The following table describes the differences.
Return Only Leaf Node | Drop-Down Tree | New Multi-Select Dropdown Tree |
Tick | You can select all child nodes by selecting the directory. The directory is not returned as a result. | You can select all child nodes by selecting the directory. The directory is returned as a result. |
Untick | You cannot select all child nodes by selecting the directory. The directory can be returned as a result. | You cannot select all child nodes by selecting the directory. The directory can be returned as a result. |
Example
Creating a Template
For details, see Multi-Value Query Through the Drop-down Check Box.
Follow the procedures in the document with the Drop-down Tree widget in the parameter panel replaced by the New Multi-Select Dropdown Tree widget.
Tick Multiselect and Return Only Leaf Node.
Demonstration
On PC
Save the template and click Pagination Preview.
You can select only the leaf nodes in the directory, or both the directory and all its leaf nodes, as shown in section "Implementation Method".
On Mobile Terminal
The effect is shown in the following figure.
Downloading a Template
The completed template is stored in the path %FR_HOME%\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\Template name.cpt.
Click to download the template: New Multi-Select Dropdown Tree for Multiple Value Query.cpt
Previous：Drop-down tree widget basic layered build example
