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>

复制代码

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

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