^{<style id="jd3ls"></style>}

26.11.打印頁(yè)眉和頁(yè)腳

2024-04-27 13:52:39

字體：大中小

供稿：網(wǎng)友

26.11.1. 問(wèn)題
我想打印出頁(yè)眉和頁(yè)腳
26.11.2. 解決辦法
創(chuàng)建打印渲染器組件控制頁(yè)面布局
26.11.3. 討論
結(jié)合打印渲染器的PrintDataGrid比PrintDataGrid自身具備更多的布局控制能力。常見的任務(wù)就是打印頁(yè)眉和頁(yè)腳。這個(gè)技術(shù)涉及是否在布局中包含頁(yè)眉和頁(yè)腳以及PrintDataGrid的validNextPage屬性的測(cè)試結(jié)果。下面的代碼，HeaderFooterPrintRenderer.mxml，定義了一個(gè)打印渲染器生成多頁(yè)打印內(nèi)容，包括在適當(dāng)位置的頁(yè)眉和頁(yè)腳：

-XML

<?xml version="1.0"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="#ffffff" horizontalAlign="center">
<mx:Script>
<![CDATA[
public function startJob():void
{
//Try to print this on a single page
header.visible = true;
header.includeInLayout = true;
footer.visible = true;
footer.includeInLayout = true;
this.validateNow();
if (printGrid.validNextPage)
{
//The grid is too big to fit on a single page
footer.visible = false;
footer.includeInLayout = false;
this.validateNow();
}
}
public function nextPage():Boolean
{
header.visible = false;
header.includeInLayout = false;
printGrid.nextPage();
footer.visible = !printGrid.validNextPage;
footer.includeInLayout = !printGrid.validNextPage;
this.validateNow();
return printGrid.validNextPage;
}

]]>
</mx:Script>
<mx:DateFormatter id="formatter" formatString="M/D/YYYY" />
<mx:Canvas id="header" height="80" width="100%">
<mx:Label text="Population by State"
fontSize="24"
color="0x666666"
horizontalCenter="0"
verticalCenter="0"
width="100%"
textAlign="center" />
</mx:Canvas>
<mx:VBox height="100%" width="80%">
<mx:PrintDataGrid id="printGrid" width="100%"
height="100%">
<mx:columns>
<mx:DataGridColumn dataField="@name"
headerText="State" />
<mx:DataGridColumn dataField="@population"
headerText="Population"/>
</mx:columns>
</mx:PrintDataGrid>
</mx:VBox>
<mx:DateFormatter id="format" formatString="m/d/yyyy" />
<mx:Canvas id="footer" height="80" width="100%">
<mx:Label text="{formatter.format(new Date())}"
left="20" bottom="5" />
</mx:Canvas>
</mx:VBox>