`

flex 打印

    博客分类:
  • flex
阅读更多

<?xml version="1.0"?> 
<!-- Main application to print a DataGrid control on multiple pages. --> 
<!--  
    如何使用Flex FlexPrintJob PrintDataGrid  
    MyShareBook.cn 翻译  
--> 
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="initData();"> 
 
    <mx:Script> 
        <![CDATA[ 
 
        import mx.printing.*; 
        import mx.collections.ArrayCollection; 
        import FormPrintView; 
 
        // Declare variables and initialize simple variables. 
        [Bindable] 
        public var dgProvider:ArrayCollection; 
        public var footerHeight:Number = 20; 
        public var prodIndex:Number; 
        public var prodTotal:Number = 0; 
 
        // Data initialization. 
        public function initData():void { 
            // Create the data provider for the DataGrid control. 
            dgProvider = new ArrayCollection; 
        } 
 
        // Fill the dgProvider ArrayCollection with the specified items. 
        public function setdgProvider(items:int):void { 
 
            prodIndex=1; 
            dgProvider.removeAll(); 
            for (var z:int=0; z<items; z++) 
            { 
                var prod1:Object = {}; 
                prod1.Qty = prodIndex * 7; 
                prod1.Index = prodIndex++; 
                prodTotal += prod1.Qty; 
                dgProvider.addItem(prod1); 
            } 
        } 
 
        // The function to print the output. 
        public function doPrint():void { 
 
            var printJob:FlexPrintJob = new FlexPrintJob(); 
            if (printJob.start()) { 
                // Create a FormPrintView control as a child of the current view. 
                var thePrintView:FormPrintView = new FormPrintView(); 
               Application.application.addChild(thePrintView); 
 
                //Set the print view properties. 
                thePrintView.width=printJob.pageWidth; 
                thePrintView.height=printJob.pageHeight; 
                thePrintView.prodTotal = prodTotal; 
                // Set the data provider of the FormPrintView component's data grid 
                // to be the data provider of the displayed data grid. 
                thePrintView.myDataGrid.dataProvider = myDataGrid.dataProvider; 
                // Create a single-page image. 
                thePrintView.showPage("single"); 
                // If the print image's data grid can hold all the provider's rows, 
                // add the page to the print job. 
                if(!thePrintView.myDataGrid.validNextPage) 
                { 
                    printJob.addObject(thePrintView); 
                } 
                // Otherwise, the job requires multiple pages. 
                else 
                { 
                    // Create the first page and add it to the print job. 
                    thePrintView.showPage("first"); 
                    printJob.addObject(thePrintView); 
                    thePrintView.pageNumber++; 
                    // Loop through the following code until all pages are queued. 
                    while(true) 
                    { 
                        // Move the next page of data to the top of the print grid. 
                        thePrintView.myDataGrid.nextPage(); 
                        thePrintView.showPage("last"); 
                        // If the page holds the remaining data, or if the last page 
                        // was completely filled by the last grid data, queue it for printing. 
                        // Test if there is data for another PrintDataGrid page. 
                        if(!thePrintView.myDataGrid.validNextPage) 
                        { 
                            // This is the last page; queue it and exit the print loop. 
                            printJob.addObject(thePrintView); 
                            break; 
                        } 
                        else 
                        // This is not the last page. Queue a middle page. 
                        { 
                            thePrintView.showPage("middle"); 
                            printJob.addObject(thePrintView); 
                            thePrintView.pageNumber++; 
                        } 
                    } 
                } 
                // All pages are queued; remove the FormPrintView control to free memory. 
                Application.application.removeChild(thePrintView); 
            } 
            // Send the job to the printer. 
            printJob.send(); 
        } 
        ]]> 
    </mx:Script> 
 
    <mx:Panel title="DataGrid Printing Example" height="75%" width="75%" 
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> 
 
        <mx:DataGrid id="myDataGrid" dataProvider="{dgProvider}"> 
            <mx:columns> 
                <mx:DataGridColumn dataField="Index"/> 
                <mx:DataGridColumn dataField="Qty"/> 
            </mx:columns> 
        </mx:DataGrid> 
 
        <mx:Text width="100%" color="blue" 
            text="Specify the number of lines and click Fill Grid first. Then you can click Print."/> 
 
        <mx:TextInput id="dataItems" text="35"/> 
 
        <mx:HBox> 
            <mx:Button id="setDP" label="Fill Grid" click="setdgProvider(int(dataItems.text));"/> 
            <mx:Button id="printDG" label="Print" click="doPrint();"/> 
        </mx:HBox> 
    </mx:Panel> 
</mx:Application> 

 

 

 

<?xml version="1.0"?> 
<!-- Custom control for the footer area of the printed page. --> 
 
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="60%" 
    horizontalAlign="right" > 
    <!-- Declare and initialize the product total variable. --> 
 
    <mx:Script> 
        <![CDATA[ 
            [Bindable] 
            public var pTotal:Number = 0; 
        ]]> 
    </mx:Script> 
    <mx:Label text="Product Total: {pTotal}"/> 
</mx:VBox>

 

 

<?xml version="1.0"?> 
<!-- Custom control for the header area of the printed page. --> 
 
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="60%" 
    horizontalAlign="right" > 
 
    <mx:Label text="This is a placeholder for first page contents"/> 
</mx:VBox>

 

 

 

<?xml version="1.0"?> 
<!-- Custom control to print the DataGrid control on multiple pages. --> 
<!--  
    如何使用Flex FlexPrintJob PrintDataGrid  
    MyShareBook.cn 翻译  
--> 
 
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" backgroundColor="#FFFFFF" 
    paddingTop="50" paddingBottom="50" paddingLeft="50"> 
 
    <mx:Script> 
        <![CDATA[ 
            import mx.core.* 
            // Declare and initialize the variables used in the component. 
            // The application sets the actual prodTotal value. 
            [Bindable] 
            public var pageNumber:Number = 1; 
            [Bindable] 
            public var prodTotal:Number = 0; 
 
            // Control the page contents by selectively hiding the header and 
            // footer based on the page type. 
            public function showPage(pageType:String):void { 
                if(pageType == "first" || pageType == "middle") { 
                    // Hide the footer. 
                    footer.includeInLayout=false; 
                    footer.visible = false; 
                } 
                if(pageType == "middle" || pageType == "last") { 
                    // The header won't be used again; hide it. 
                    header.includeInLayout=false; 
                    header.visible = false; 
                } 
                if(pageType == "last") { 
                    // Show the footer. 
                    footer.includeInLayout=true; 
                    footer.visible = true; 
                } 
                //Update the DataGrid layout to reflect the results. 
                validateNow(); 
            }         
        ]]> 
    </mx:Script> 
 
    <!-- The template for the printed page, with the contents for all pages. --> 
    <mx:VBox width="80%" horizontalAlign="left"> 
        <mx:Label text="Page {pageNumber}"/> 
    </mx:VBox> 
 
    <FormPrintHeader id="header" /> 
    <!-- The data grid. The sizeToPage property is true by default, so the last  
        page has only as many grid rows as are needed for the data. --> 
    <mx:PrintDataGrid id="myDataGrid" width="60%" height="100%"> 
    <!-- Specify the columns to ensure that their order is correct. --> 
        <mx:columns> 
            <mx:DataGridColumn dataField="Index" /> 
            <mx:DataGridColumn dataField="Qty" /> 
        </mx:columns> 
    </mx:PrintDataGrid> 
 
    <!-- Create a FormPrintFooter control and set its prodTotal variable. --> 
    <FormPrintFooter id="footer" pTotal="{prodTotal}" /> 
 
</mx:VBox> 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    flex 打印源代码

    Flex打印源代码主要涉及到Adobe Flex这一跨平台的富互联网应用程序(RIA)开发框架。Flex是基于ActionScript编程语言和MXML标记语言的,用于构建在Web浏览器中运行的交互式用户界面。在Flex中实现打印功能,开发者...

    Flex 打印例子官方的哦

    Flex打印技术是Adobe Flex框架中的一个重要组成部分,它允许开发者创建应用程序来打印内容或者与打印机进行交互。Flex是一款基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。在Flex中,打印...

    Flex 打印及打印预览功能

    在Flex中,打印和打印预览功能是应用程序与用户进行数据输出交互的重要部分。本篇文章将深入探讨Flex中的打印及打印预览功能,以及如何利用这些功能来提升应用程序的实用性。 首先,我们要了解Flex中的`mx.printing...

    flex打印实例源码

    Flex打印实例源码是基于Adobe Flex技术实现的一种打印功能的应用示例。Flex是一种开源的、基于ActionScript的、用于构建富互联网应用(RIA)的框架。这个实例源码提供了如何在Flex应用程序中实现打印功能的具体代码...

    Flex实现打印预览

    Flex是Adobe公司开发的一种基于ActionScript 3.0的...综上所述,实现Flex的打印预览功能涉及到对Flex打印API的理解、预览组件的创建以及用户交互的实现。通过这些步骤,你可以为用户提供一个方便且直观的打印预览体验。

    flex 打印预览

    1. Flex打印服务: Flex提供了PrintJob类,该类是打印服务的基础,允许开发者创建、配置和执行打印任务。通过实例化PrintJob对象,可以设置打印参数,如页边距、纸张大小、方向等。 2. 打印预览原理: Flex打印预览...

    flex打印机制详解

    Flex打印机制是一个在Adobe Flex应用程序中实现打印功能的关键技术,它允许开发者创建用户友好的界面,以便用户可以方便地打印内容。Flex作为一个基于ActionScript 3.0的开放源代码框架,主要用于构建富互联网应用...

    Flex打印(转)

    标题“Flex打印(转)”可能指的是一个关于使用Adobe Flex技术进行打印功能开发的文章或教程。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。在这个场景中,"转"可能意味着内容是作者...

    Flex打印控件(FlexReport)

    Flex打印控件,如标题所述,FlexReport,是一种在Adobe Flex应用程序中用于生成和打印报告的组件。这个压缩包`FlexReport.zip`包含了用于演示、配置和运行FlexReport的必要资源。下面将详细阐述FlexReport及其包含的...

    flex 打印控件,应该说是相当完美了。

    flex 打印控件 应该说是相当完美了。 但只能够用于grid打印和打印预览

    Flex打印预览

    为了解决这个问题,我们有了"Flex打印预览"这一解决方案。 Flex是Adobe公司推出的一种基于Flash技术的开发框架,用于构建富互联网应用程序(RIA)。ArcGIS Flex Viewer是Esri为开发者提供的一个开源框架,用于在Web...

    ArcGis For Flex 打印

    本文将深入探讨ArcGIS for Flex中的“打印”功能,以及如何在项目中实现这一功能。 首先,我们要理解ArcGIS for Flex的打印功能是如何工作的。打印在GIS应用中扮演着重要的角色,它允许用户将地图视图导出为物理...

    FLEX alive pdf 打印pdf

    标题中的"FLEX alive pdf 打印pdf"指的是使用Adobe Flex技术来实现PDF文档的打印功能。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。AlivePDF是Flex的一个库,它允许开发人员在...

    flex的一个打印测试

    Flex打印技术是Adobe Flex框架中的一个重要特性,它允许开发者创建应用程序,使得用户可以直接从Flex界面进行文档打印。Flex是基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)。在本“flex...

    打印预览(flex)

    Flex打印预览是一种在Flex应用程序中实现打印功能的技术,它允许用户在实际打印之前查看文档的打印效果。Flex是Adobe公司开发的一种基于ActionScript 3.0的富互联网应用程序(RIA)框架,它使用MXML和AS3进行编程,...

    flex打印操作(FlexPrintJob)还有分页打印操作具体实现

    Flex中的打印操作和分页打印操作是实现数据输出的重要功能,本文将详细介绍FlexPrintJob类的使用以及分页打印的实现。 首先,FlexPrintJob类是用于在Adobe Flash Player中执行打印任务的类。它允许您打印Flex应用中...

    Flex内存释放优化原则

    FLEX内存释放优化原则,内存泄露解决方法,内存泄露情况

    Flex精通_66013.rar

    4. **Flex打印预览**:`Flex打印预览.rar`可能包含有关在Flex应用中实现打印和预览功能的资料。在Flex中,你可以使用PrintJob类来控制打印任务,为用户提供在应用内部查看文档的打印布局。这个部分将教你如何处理...

    Eclipse开发Flex新手必学例子(后台数据页面显示N种图表)

    在本文中,我们将深入探讨如何使用Eclipse进行Flex开发,并通过后台数据来展示各种图表,包括LineChart、ColumnChart、AreaChart、BubbleChart和BarChart。对于初学者来说,掌握这些图表的创建方法是理解Flex应用...

Global site tag (gtag.js) - Google Analytics