Print Contents of a ComboBox

Follow Adobe Cookbooks on Twitter

Avg. Rating 5.0

Tags:

Problem

Give users the ability to print all the options in a Flex Combobox.

Solution

Use FlexPrintJob and a PrintDataGrid.

Detailed explanation

I recently worked on a Flex application where one of the requirements was that the users have the ability to print the options in a Combobox. The following code shows how to do it. It can also be used to print the dataProvider for any component.

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[import mx.printing.FlexPrintJob
import mx.printing.FlexPrintJobScaleType;
import mx.controls.Alert;
[Bindable]
private var measurements: Array = [ 
{label:'1/4"', data:.25}, 
{label:'1/2"', data:.5}, 
{label:'3/4"', data:.75},
{label:'1"', data:1},
{label:'1 1/4"', data:1.25},
{label:'1 1/2"', data:1.5},
{label:'1 3/4"', data:1.75}, 
{label:'2"', data:2},];
private function printCombo():void
{var job:FlexPrintJob = new FlexPrintJob();
if(!job.start()) //start job an open print dialog box
{//Handle cancellation for a smooth UI
Alert.show("Printing cancelled.");
return;
}
else
{
job.addObject(printDataGrid, FlexPrintJobScaleType.NONE);job.send(); //this call is synchronous
Alert.show("Sent to printer successfully.");
}
}
]]>
</mx:Script>
<mx:Canvas>
<mx:HBox id="vbox" x="10" y="30" >
<mx:ComboBox id="cboData" width="200" dataProvider="{measurements}" prompt="Measurements" />
<mx:Button label="Print" click="printCombo()"/>
<mx:PrintDataGrid id="printDataGrid" dataProvider="{cboData.dataProvider}" visible="false" />
</mx:HBox>
</mx:Canvas>
</mx:Application>