贴一个自己用Flex写的系统里的打印模块

于 2008-12-21 22:19:00 发布
阅读量895 收藏
点赞数 1
分类专栏： Flash图像/动画 PHP技术 RIA技术 文章标签： flex encoding actionscript datagrid office 电话
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jkin8010/article/details/3576312
版权
    注册了这个博客，自己却很少些写东西。也许自己变得有些惰吧！不说这么多了，反正自己也想开始养成写博客的习惯。虽然我写程序的历史也不长，但多少也算是写了些小程序。先把我用Flex 3.0写的一个小系统供初学者参考一下吧！希望对大家有所帮助.
    先贴出打印模块：


       MXML文件PrintConfig.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" close="closeWin();" 
  3.     layout="absolute" width="800" height="486" creationComplete="initWin();" 
  4.     showCloseButton="true" title="打印设置" fontSize="12">
  5. <mx:Script source="../model/PrintConfig.as"/>
  6.     <mx:Tile id="chkContent" paddingLeft="15" paddingTop="10" borderStyle="solid" 
  7.         right="10" bottom="47" height="131" left="10">
  8.         <mx:CheckBox click="chkBox(1,event);" label="姓名" selected="true"/>
  9.         <mx:CheckBox click="chkBox(2,event);" label="工作单位" selected="true"/>
  10.         <mx:CheckBox click="chkBox(3,event);" label="部门" selected="true"/>
  11.         <mx:CheckBox click="chkBox(4,event);" label="职务" selected="true"/>
  12.         <mx:CheckBox click="chkBox(6,event);" label="单位电话" selected="true"/>
  13.         <mx:CheckBox click="chkBox(7,event);" label="单位地址" selected="true"/>
  14.         <mx:CheckBox click="chkBox(8,event);" label="邮编" selected="true"/>
  15.         <mx:CheckBox click="chkBox(9,event);" label="传真号码"/>
  16.         <mx:CheckBox click="chkBox(10,event);" label="移动电话"/>
  17.         <mx:CheckBox click="chkBox(11,event);" label="邮箱" />
  18.     </mx:Tile>
  19.     <mx:DataGrid dropEnabled="true"
  20.         dragMoveEnabled="true"
  21.         dragOver="dragOverHandler(event);"
  22.         dragDrop="dragDropHandler(event);" 
  23.         id="printgrid" right="10" left="10" top="10" bottom="186" toolTip="您可以将要打印的内容拖放在这里，默认为移动拖放，按Ctrl为复制拖放">
  24.     </mx:DataGrid>
  25.     <mx:Button label="打印" click="doPrint();" icon="@Embed(source='../icons/print.png')" right="86" bottom="10"/>
  26.     <mx:Button label="删除" click="deleteItem();" left="10" bottom="10" icon="@Embed(source='../icons/Delete.png')"/>
  27.     <mx:Button x="90" y="410" label="全部添加" icon="@Embed(source='../icons/Package.png')" click="fillAllRecord();"/>
  28.     <mx:NumericStepper left="263" bottom="10" minimum="6" maximum="36" value="12" id="printFontSize"/>
  29.     <mx:Button label="关闭" click="closeWin();" right="10" bottom="10"/>
  30.     <mx:Label text="字体大小:" left="197" bottom="10"/>
  31.     
  32. </mx:TitleWindow>
        ActionScript:PrintConfig.as
  1. import flash.events.Event;
  3. import mx.collections.ArrayCollection;
  4. import mx.controls.dataGridClasses.DataGridColumn;
  5. import mx.events.DragEvent;
  6. import mx.managers.DragManager;
  7. import mx.managers.PopUpManager;
  8. import mx.printing.*;
  9. import mx.controls.Alert;
  11. import mycontrols.FormPrintView;
  13. [Bindable]
  14. public var dgProvider:ArrayCollection;
  15. public var footerHeight:Number = 20;
  16. public var prodIndex:Number;
  17. public var prodTotal:Number = 0;
  20. public var headercls:Array = [
  21.             { headerText:"姓名",dataField:"Client_NameCol",visu:true},
  22.             { headerText:"工作单位",dataField:"Client_CorpCol",visu:true},
  23.             { headerText:"部门",dataField:"Client_DeptCol",visu:true},
  24.             { headerText:"职务",dataField:"Client_JobCol",visu:true},
  25.             { headerText:"单位电话",dataField:"Office_TelCol",visu:true},
  26.             { headerText:"单位地址",dataField:"Office_AddrCol",visu:true},
  27.             { headerText:"邮编",dataField:"Post_CodeCol",visu:true},
  28.             { headerText:"传真号码",dataField:"Office_FaxCol",visu:false},
  29.             { headerText:"移动电话",dataField:"MobileCol",visu:false},
  30.             { headerText:"邮箱",dataField:"EmailCol",visu:false}
  31.             ];
  33. //初始化窗口         
  34. private function initWin():void
  35. {
  36.     var temp:Array =[];
  37.     for(var i:Number=0;i<headercls.length;i++)   //初始化DataGrid控件的Header
  38.     {
  39.         if(headercls[i].visu){
  40.             var cols:DataGridColumn = new DataGridColumn();
  41.             cols.headerText = headercls[i].headerText;
  42.             cols.dataField = headercls[i].dataField;
  43.             temp.push(cols);
  44.         }else{
  45.             continue;
  46.         }
  47.     }
  48.     printgrid.columns = temp;
  49. }
  50. //关闭弹出窗口，PopUpManager管理弹出窗口类
  51. public function closeWin():void
  52. {
  53.     PopUpManager.removePopUp(this);
  54. }
  56. public function chkBox(i:Number,e:Event):void
  57. {
  58.     headercls[i].visu = e.currentTarget.selected;
  59.     
  60.     var temp:Array =[];
  61.     for(var i:Number=0;i<headercls.length;i++)
  62.     {
  63.         if(headercls[i].visu){
  64.             var cols:DataGridColumn = new DataGridColumn();
  65.             cols.headerText = headercls[i].headerText;
  66.             cols.dataField = headercls[i].dataField;
  67.             temp.push(cols);
  68.         }else{
  69.             continue;
  70.         }
  71.     }
  72.     printgrid.columns = temp;
  73.     //printgrid.initialize();
  74. }
  76. //发送数据至打印表格进行打印
  77.  public function doPrint():void {
  79. var printJob:FlexPrintJob = new FlexPrintJob();
  80. if (printJob.start()) {
  81.     
  83.     var thePrintView:FormPrintView = new FormPrintView();
  84.     
  85.     thePrintView.setStyle("fontSize",printFontSize.value);
  86.     
  87.    this.addChild(thePrintView);
  89.     thePrintView.myDataGrid.columns = printgrid.columns;
  90.     thePrintView.width=printJob.pageWidth;
  91.     thePrintView.height=printJob.pageHeight;
  92.     thePrintView.prodTotal = prodTotal;
  93.     
  95.     thePrintView.myDataGrid.dataProvider = printgrid.dataProvider;
  96.    
  98.     thePrintView.showPage("single");
  99.     
  101.     if(!thePrintView.myDataGrid.validNextPage)
  102.     {
  103.         printJob.addObject(thePrintView);
  104.     }
  105.     
  106.     else
  107.     {
  108.         
  109.         thePrintView.showPage("first");
  110.         printJob.addObject(thePrintView);
  111.         thePrintView.pageNumber++;
  112.         
  113.         while(true)
  114.         {
  115.             
  116.             thePrintView.myDataGrid.nextPage();
  117.             thePrintView.showPage("last");
  118.             
  119.             
  120.             if(!thePrintView.myDataGrid.validNextPage)
  121.             {
  123.                 printJob.addObject(thePrintView);
  124.                 break;
  125.             }
  126.             else
  128.             {
  129.                 thePrintView.showPage("middle");
  130.                 printJob.addObject(thePrintView);
  131.                 thePrintView.pageNumber++;
  132.             }
  133.         }
  134.     }
  136.     this.removeChild(thePrintView);
  137. }
  139. printJob.send();
  140. }
  143. //拖放数据至列表中处理
  144.  private function dragOverHandler(event:DragEvent):void {
  145.                         
  146.     event.preventDefault();
  147.     
  148.     event.currentTarget.hideDropFeedback(event);
  149.     
  151.     if (event.dragSource.hasFormat("items"))
  152.     {
  153.     
  154.         event.currentTarget.setStyle('borderColor', 'green');
  155.         if (event.ctrlKey) {
  156.             var itemsArray1:Array = 
  157.             event.dragSource.dataForFormat('items') as Array;
  158.             var tempItem1:Object = 
  159.                 { label: itemsArray[0].Client_Name, 
  160.                   data: itemsArray[0].Client_ID, 
  161.                   date: itemsArray[0].Client_Corp
  162.                 };                     
  163.             DragManager.showFeedback(DragManager.COPY);
  164.             return;
  165.         }
  166.         else {
  167.             var itemsArray:Array = 
  168.             event.dragSource.dataForFormat('items') as Array;
  169.             var tempItem:Object = 
  170.                 { label: itemsArray[0].Client_Name, 
  171.                   data: itemsArray[0].Client_ID, 
  172.                   date: itemsArray[0].Client_Corp
  173.                 }; 
  175.             DragManager.showFeedback(DragManager.MOVE);
  176.             return;
  177.         }
  178.     }
  180.     DragManager.showFeedback(DragManager.NONE);                 
  181. }
  184. private function dragDropHandler(event:DragEvent):void {
  185.     
  186. }
  188. //删除列表中某一条记录
  189. private function deleteItem():void
  190. {
  191.     if(printgrid.selectedIndex>=0){
  192.         printgrid.dataProvider.removeItemAt(printgrid.selectedIndex);
  194.     }else{
  195.         Alert.show("请选择记录!");
  196.     }
  197. }
  199. //添加外部数据源dgProvider:ArrayCollection全部数据
  200. private function fillAllRecord():void
  201. {
  202.     printgrid.dataProvider = dgProvider;
  203. }
       打印是用的是PrintDataGrid，以下是打印的页面：
       FormPrintHeader.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="60%"
  3.     horizontalAlign="right" >
  4. <mx:Script>
  5.     <![CDATA[
  6.         [Bindable]
  7.         public var printHeader:String = "客户信息列表";
  8.     ]]>
  9. </mx:Script>
  10.     <mx:Label text="{printHeader}"/>
  11. </mx:VBox>
     FormPrintFooter.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="60%"
  3.     horizontalAlign="right" >
  4.     <mx:Script>
  5.         <![CDATA[
  6.             [Bindable]
  7.             public var pTotal:Number = 0;
  8.             
  9.             [Bindable]
  10.             public var pCount:Number = 0;
  11.             
  12.         ]]>
  13.     </mx:Script>
  14.     <mx:Label text="记录总数:{pTotal}"/>
  15. </mx:VBox>
      FormPrintView.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:mycontrols="mycontrols.*" backgroundColor="#FFFFFF"
  3.     paddingTop="50" paddingBottom="50" paddingLeft="50" width="100%" height="100%">
  5.     <mx:Script>
  6.         <![CDATA[
  7.             import mx.core.*
  9.             [Bindable]
  10.             public var pageNumber:Number = 1;
  11.             [Bindable]
  12.             public var prodTotal:Number = 0;
  13.             
  16.             public function showPage(pageType:String):void {
  17.                 if(pageType == "first" || pageType == "middle") {
  19.                     footer.includeInLayout=false;
  20.                     footer.visible = false;
  21.                 }
  22.                 if(pageType == "middle" || pageType == "last") {
  24.                     header.includeInLayout=false;
  25.                     header.visible = false;
  26.                 }
  27.                 if(pageType == "last") {
  29.                     footer.includeInLayout=true;
  30.                     footer.visible = true;
  31.                 }
  33.                 validateNow();
  34.             }        
  35.         ]]>
  36.     </mx:Script>
  39.     <mx:VBox width="766" horizontalAlign="left">
  40.         <mx:Label text="-- {pageNumber}--"/>
  41.     </mx:VBox>
  43.     <mycontrols:FormPrintHeader id="header"  width="766"/>
  45.     <mx:PrintDataGrid id="myDataGrid" width="764" height="100%" fontSize="12">
  46.     </mx:PrintDataGrid>
  49.     <mycontrols:FormPrintFooter id="footer" pTotal="{prodTotal}"  width="765"/>
  51. </mx:VBox>
嘿嘿！今天先贴这个打印，也许这个看起来有点乱。以后我会尽量会写一些详细注释的。


评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值