flex打印系列教程二使用PrintDataGrid打印多页内容

转载地址：http://bbs.9ria.com/viewthread.php?tid=69835

在上一篇教程中，我们知道了如何使用flex自带的打印类-FlexPrintJob。它很容易使用。但是你在打印多页内容时可能无法达到预期的效果，原因如下：
为了开始打印，你需要写如下代码： 
printJob.addObject(targetComponent);
在这句里，你将你的组件加到FlexPrintJob里面，但是你到底要打印多少页呢？
最明显的例子是 DataGrid.它可能有1到1000条记录。没有什么办法能让我们预先确定一个动态绑定数据源的大小.，再加上我们不知道在哪里将打印的页面分隔，就行1-17条记录在第一页，18-30条记录在第二页等等 。
幸运的是，flex为你提供了一个解决DataGrid打印问题的方法。方法如下： 
你需要的flex类
•mx.printing.FlexPrintJob
•mx.printing.PrintDataGrid
操作步骤：
1. 创建一个FlexPrintJob实例  
   var flexPrintJob: FlexPrintJob = new FlexPrintJob();
2.启动FlexPrintJob
   flexPrintJob.start();
3. 创建一个PrintDataGrid

1.    var myPrintData:PrintDataGrid = new PrintDataGrid();
   
2.    Application.application.addChild(myPrintData);

复制代码

4. 依据DataGrid设置PrintDataGrid的 DataProvider, Width, and Height
   myPrintData.dataProvider = myData.dataProvider;
   myPrintData.width = printJob.pageWidth;
   myPrintData.height = printJob.pageHeight;
5. 循环PrintDataGrid来生成打印的多个页面
   printJob.addObject(myPrintData);
   while (myPrintData.validNextPage) {
             myPrintData.nextPage();
              printJob.addObject(myPrintData);
   }
6. 打印
   printJob.send();

例子代码：

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
   
3.         <mx:Script>
   
4.                 <![CDATA[
   
5.                         import mx.printing.PrintDataGrid;
   
6.                         import mx.printing.FlexPrintJob;
   
7.                         import mx.collections.ArrayCollection;
   
8. 
   
9.                         [Bindable]
   
10.                         public var dataSource:ArrayCollection=new ArrayCollection();
    
11. 
    
12.                         private var totalRecords:Number=100;
    
13. 
    
14.                         private function init():void
    
15.                         {
    
16.                                 for(var i:int=1; i <= totalRecords; i++)
    
17.                                 {
    
18.                                         var dataObject:Object=new Object();
    
19.                                         dataObject.Name="Name #" + i;
    
20.                                         dataObject.Phone="Phone #" + i;
    
21.                                         dataObject.Address="Address #" + i;
    
22.                                         dataSource.addItem(dataObject);
    
23.                                 }
    
24.                         }
    
25. 
    
26.                         private function doPrint():void
    
27.                         {
    
28.                                 var printJob:FlexPrintJob=new FlexPrintJob();
    
29.                                 if (printJob.start())
    
30.                                 {
    
31.                                         var myPrintData:PrintDataGrid=new PrintDataGrid();
    
32.                                         Application.application.addChild(myPrintData);
    
33.                                         myPrintData.dataProvider=myData.dataProvider;
    
34.                                         myPrintData.width=printJob.pageWidth;
    
35.                                         myPrintData.height=printJob.pageHeight;
    
36. 
    
37.                                         printJob.addObject(myPrintData);
    
38.                                         while(myPrintData.validNextPage)
    
39.                                         {
    
40.                                                 myPrintData.nextPage();
    
41.                                                 printJob.addObject(myPrintData);
    
42.                                         }
    
43.                                         Application.application.removeChild(myPrintData);
    
44. 
    
45.                                         printJob.send();
    
46.                                 }
    
47.                         }
    
48.                 ]]>
    
49.         </mx:Script>
    
50.         <mx:Panel title="Flex Tutorial - PrintDataGrid" width="500" height="500" horizontalCenter="0" verticalCenter="0" horizontalAlign="center" verticalAlign="middle">
    
51.                 <mx:DataGrid id="myData" dataProvider="{dataSource}" width="400" height="400"/>
    
52.                 <mx:Button label="Print" click="doPrint()"/>
    
53.         </mx:Panel>
    
54. </mx:Application>

复制代码

结论：
Adobe  Flex provides PrintDataGrid 是为了解决多个页面的打印问题的.如果你的 应用 程序 差不多只包含一个大的DataGrid的话，它工作良好。 
但是，生活往往难如人愿，很多时候，你的应用程序是很多容器和组件（Canvas, VBox, HBox, Label, Text, Text Area, Image,DataGrid）的结合体。 不幸的是，即使到flex3，Adobe也没有拿出一个比FlexPrintJob 和PrintDataGrid更好的打印方法。  

那么，有没有任何第三方的解决方案？我已经做了很多研究，最终找到了一个开源项目。这就有了了我们的下一个教程 - 使用FlexReport打印多页。