立即与支持人员聊天
与支持团队交流

Foglight 6.1.0 - Web Component Tutorial

Using the Web Component Tutorial Tutorial 1: Drag and Drop Tutorial 2: Creating a Dashboard Tutorial 3: Adding a Drilldown Page Tutorial 4: Adding Views Tutorial 5: Using a Grid Tutorial 6: Reports Tutorial 7: Creating a Form Tutorial 8: Renderers Tutorial 9: Adding Questions and Answers Tutorial 10: Sending Messages to Other Users

Adding a Footer

You learned how to add items to all three places in the header, and the footer component is simpler. To demonstrate how to use the PDF Layout’s pageNumber built-in context, you will place a page number at the bottom-center of the page.

To create the Footer component:
•
Follow the procedure for adding a header (see Creating the header component ), making these changes.
•
On the General tab, set the Name to Footer: Page Number T5.
•
Set the Comments and Context Help to Footer for Hosts Summary Report T5.
To set the context:
 
* 
NOTE: The PDF Layout page needs to pass the pageNumber context to the footer page, so perform these context settings in both Hosts Summary Report T5 and Footer: Page Number T5.
1
Open the Context tab.
2
Under Inputs, click Add Input , and set the columns of the newly added row as follows:
•
Key: pageNumber
•
Name: unchanged
•
Usage: Required
•
List: False
•
Data Type: Common:Integer
Setting the center portion of the footer
To add a page number to the footer:
1
Open the Configuration tab.
2
In the Center row, in the Value column, click Edit , and choose String Template from the list that appears.
3
In the Edit - Center dialog box that appears, in the Value box, type - {0} -.
The table at the bottom refreshes, showing a line for Parameter {0}. By using a parameterized entry for the page number you can add text decorations around it.
4
In the Parameter {0} line, in the Value column, click Edit , and choose Context from the list that appears.
5
In the Edit - Parameter {0} dialog box that appears, click the Input Key box, choose pageNumber(Integer) from the list that appears, and click Set to close the Edit - Parameter {0} dialog box.
6
In the Edit - Center dialog box, click Set to close it.
7
In the view editor, click Save.
Add the footer to the report
To add the Footer component to the report:
1
Open the Hosts Summary Report T5 view for editing, and open its Views tab.
2
Click Add icon.
3
In the Select a View to add to the Report dialog box that appears, in the Name column, choose My Views > Footer: Page Number T5, and click Save.
4
On the Views tab, in the newly added Footer: Page Number T5 row, click the Function column, and choose Footer from the list that appears.
5
Select the Header: Icon, Report Title, Time Range T5 row and click Move Up two times to move this view immediately below the Header: Icon, Report Title, Time Range T5 view.
6
In the view editor, click Save.
Test the report

Test the report by clicking the Test PDF () button on in the view editor when you display the Hosts Summary Report T5 view in the Definitions area. Your Web browser displays a page with a header, a footer, Hosts Table - for Given Hosts (assuming you left this page in the report), and a table of host statistics.

Adding an Iterator for a Multi-Page Report

The Iterator component can be used to address a need for creating similar views, such as a report containing detailed information for each host.

To create an Iterator component:
1
In the Module List pane, ensure that your tutorial module is selected.
2
In the Module Contents pane, click the drop-down list, select Views, and click Add .
The Add View dialog box appears.
3
In the Add View dialog box, ensure that the Create a Blank View tab is selected.
4
On the Create a Blank View tab, choose Containers > Iterator.
5
Click OK.
6
Populate the values on the view’s General tab as follows:
Figure 5. Iterator component settings
To set the context:
1
Open the Context tab.
2
Under Inputs, click Add Input , and set the columns of the newly added row as follows:
•
Key: hosts
•
Name: unchanged
•
Usage: Required
•
List: True
•
Data Type: Monitoring:Host
To set the objects for the iterator:
1
Open the Configuration tab.
2
In the Key row, in the Value column, click Edit .
3
In the Edit - Key dialog box that appears, in the String value box, type host, and click Set to close the dialog box.
4
In the Objects row, in the Value column, click Edit , and choose Context from the list that appears.
5
In the Edit - Objects dialog box that appears, click the Input Key box, choose hosts (List of Hosts) from the list that appears, and click Set to close the dialog box.

Choosing the Iterated View

You can choose or construct any view whose inputs are host objects, since that is a context set in the Hosts Summary Report T5 view. For this tutorial, we choose [table] Memory hogs from the System module Hosts > Host. Any other view whose inputs are acceptable would do as well.

To set the iterated view:
1
On the Configuration tab, expand the Iterated View node.
2
In the View row, in the Value column, click Edit .
3
In the Edit - View dialog box that appears, choose Hosts > Host > [table] Memory hogs, and click Set to close the dialog box.
We are adding an existing view because it is quicker than building a special view only for the purpose of this tutorial. The objective here is to introduce the Iterator component.
4
In the view editor, click Save.
Adding the Iterator to the report
To add the Iterator component to the report:
1
Open the Hosts Summary Report T5 view for editing, and open its Views tab.
2
Click Add icon.
3
In the Select a View to add to the Report dialog box that appears, in the Name column, choose My Views > Host Iterator T5, and click Save.
No other changes are needed because the Body page is the default function for this view.
4
In the view editor, click Save.

Summary

In this tutorial you learned how to prepare a report with a header and a footer. You also learned how to use an Iterator component to generate multiple views based on a list, thus creating a multi-page report. You viewed the result by manually choosing the View as PDF option, and you may be wondering about alternative methods for creating and viewing reports.

相关文档

The document was helpful.

选择评级

I easily found the information I needed.

选择评级