And here is the source code.

Hope this helps anyone.

I have the gut feeling that Adobe is working on Flex Builder 4 for Linux but is not keen on sharing the info yet. Specially that there is an unofficial build available from here.

Good decision Adobe.

More information on current release here and here (release notes).

In this sample we are going to print list of people and display sample header showing page number and some random title. Let’s jump in.

Let’s start with XAML:

<UserControl x:Class="PrintingTest.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <Grid x:Name="LayoutRoot" Background="White">
        <data:DataGrid
            ItemsSource="{Binding}"
            Height="247" HorizontalAlignment="Left"
            Margin="12,41,0,0" Name="dataGrid1"
            VerticalAlignment="Top" Width="376" />
        <Button
            Content="Print data" Height="23"
            HorizontalAlignment="Left" Margin="12,12,0,0"
            Name="PrintDataBtn" VerticalAlignment="Top"
            Width="126" Click="PrintDataBtn_Click" />
    </Grid>
</UserControl>

Next is the Person class which is exactly the same as in the original video:

using System;

namespace PrintingTest
{
    public class Person
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public int Age { get; set; }
        public string FullName {
            get {
                return string.Concat(FirstName, " ", LastName);
            }
        }
    }
}

And now the most important part – the code behind. The MainPage class wires up the Loaded event and when the app is loaded it populates the list of people as well as sets the DataContext on LayoutRoot.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Printing;
using System.Windows.Media;

namespace PrintingTest
{
    public partial class MainPage : UserControl
    {

        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            List<Person> people = new List<Person>();
            for (int i = 0; i < 20; i++)
            {
                people.Add(new Person() { FirstName = "Al", LastName = "Pacino", Age = 69 });
                people.Add(new Person() { FirstName = "Robert", LastName = "De Niro", Age = 66 });
                people.Add(new Person() { FirstName = "Val", LastName = "Kilmer", Age = 50 });
                people.Add(new Person() { FirstName = "John", LastName = "Voight", Age = 71 });
                people.Add(new Person() { FirstName = "Tom", LastName = "Sizemore", Age = 48 });
            }
            LayoutRoot.DataContext = people;
        }

        private void PrintDataBtn_Click(object sender, RoutedEventArgs e)
        {
            // header height:
            double headerHeight = 70.0;
            // footer height:
            double footerHeight = 30.0;
            // single line height:
            double tboxHeight = 20.0;
            // how many elements can we place on one page?
            int numElements = -1;
            // current page number:
            int page = 1;
            // total number of pages to print:
            int totalPages = 0;
            // number of the current item:
            int counter = 1;

            PrintDocument doc = new PrintDocument();
            doc.PrintPage += (s, args) =>
            {
            };
           doc.Print();
        }

    }
}

The code below is responsible for printing and should be placed inside doc.PrintPage lambda. Let’s discuss what is going on there first.

When the application attempts to compose first page the number of elements per page and total number of pages is calculated. Next, the header is created. It is a Grid with two TextBlocks. First of the text blocks holds the title while the second one displays current and the total pages numbers; header is created separately for each page.

Once the header is constructed the dynamicPanel StackPanel is created and previously constructed headerGrid is added to its Children list. Next, we query dataGrid1.ItemsSource for the first of people to display on current page. We skip as many elements as we fitted on previous pages and take number of elements for the current one.

The penultimate step is enumerating over ppl list and for each one of them create a StackPanel with two TextBlocks. First displays the name of the person, second one the age. Finally we set HasMorePages.

HasMorePages is the key to multiple pages printing. As long as it is set to true Silverlight expects more pages to be printed. That’s why when the number of current page is equal to total number of pages we set it to false. At this point printing the document is finished.

Here is the code:

                if (page == 1)
                {
                    numElements = (int)((args.PrintableArea.Height - headerHeight - footerHeight) / tboxHeight);
                    double totalItems = (double)((List<Person>)dataGrid1.ItemsSource).Count;
                    totalPages = (int)Math.Ceiling(totalItems / (double)numElements);
                }

                Grid headerGrid = new Grid()
                    {
                        Width = args.PrintableArea.Width,
                        Height = headerHeight
                    };
                headerGrid.RowDefinitions.Add(new RowDefinition());
                headerGrid.ColumnDefinitions.Add(new ColumnDefinition());
                headerGrid.ColumnDefinitions.Add(new ColumnDefinition());

                TextBlock headerTitle = new TextBlock()
                {
                    Text = "Contact list",
                    HorizontalAlignment = System.Windows.HorizontalAlignment.Left,
                    VerticalAlignment = System.Windows.VerticalAlignment.Center,
                    Margin = new Thickness(50,0,0,0),
                    FontSize = 20
                };
                TextBlock pageCounter = new TextBlock()
                {
                    Text = string.Concat("Page ", page, " of ", totalPages),
                    HorizontalAlignment = System.Windows.HorizontalAlignment.Right,
                    VerticalAlignment = System.Windows.VerticalAlignment.Center,
                    Margin = new Thickness(0, 0, 50, 0)
                };
                headerGrid.Children.Add(headerTitle);
                headerGrid.Children.Add(pageCounter);
                Grid.SetColumn(headerTitle, 1);
                Grid.SetColumn(pageCounter, 2);

                StackPanel dynamicPanel = new StackPanel();
                // add header to display list:
                dynamicPanel.Children.Add(headerGrid);

                IEnumerable<Person> ppl = ((List<Person>)dataGrid1.ItemsSource).Skip((page - 1) * numElements).Take(numElements);

                foreach (Person p in ppl)
                {
                    // create stack panel for each person:
                    StackPanel namePanel = new StackPanel();
                    namePanel.Orientation = Orientation.Horizontal;

                    TextBlock counterBlock = new TextBlock();
                    counterBlock.TextAlignment = TextAlignment.Right;
                    counterBlock.Margin = new Thickness(0, 0, 5, 0);
                    counterBlock.Text = string.Concat(counter, ".");
                    counterBlock.Height = tboxHeight;
                    counterBlock.Width = 50.0;

                    TextBlock nameBlock = new TextBlock();
                    nameBlock.Text = p.FullName;
                    nameBlock.Height = tboxHeight;

                    TextBlock ageBlock = new TextBlock();
                    ageBlock.Text = string.Concat("who is ", p.Age, " years old");
                    ageBlock.Foreground = new SolidColorBrush(Colors.Red);
                    ageBlock.Margin = new Thickness(5, 0, 0 , 0);
                    ageBlock.Height = tboxHeight;

                    namePanel.Children.Add(counterBlock);
                    namePanel.Children.Add(nameBlock);
                    namePanel.Children.Add(ageBlock);
                    dynamicPanel.Children.Add(namePanel);

                    counter++;
                }

                args.HasMorePages = !(page == totalPages);
                args.PageVisual = dynamicPanel;

                page++;

Full source code can be downloaded from here. You can test working example below, please make sure you use Silverlight 4 beta. It can be installed from this location.

Sample PDF output can be seen here.

Installing the drivers:

1. run cmd.exe as Administrator
2. D: (or whatever the drive letter of mounted CD is)
3. cd "Boot Camp\Drivers\Apple"
4. msiexec /i BootCamp64.msi

It will take a while so be patient. Once installed, restart Windows 7 and you are ready to go.

To connect Apple Built-in iSight:

1. VMWare Fusion > Virtual Machine
2. USB
3. Connect Apple Built-in iSight

Don’t forget to enable USB sharing.

[sourcecode lang="cf"]
<cffunction name="if">
	<cfargument name="val1" />
	<cfargument name="val2" />
	<cfif val1 eq val2>
		<cfreturn true />
	</cfif>
	<cfreturn false />
</cffunction>
<cffunction name="hello">
	<cfset var var = 2 />
	<cfreturn var />
</cffunction>
<cfif if( hello(), 2 )>
	LOL
</cfif>
[/sourcecode]

How cool is that ;)

[sourcecode lang="js"]
// ==UserScript==
// @name           Expert blocker
// @namespace      my
// @description    Eliminate Experts Exchange results from Google searches.
// @include        http://*.google.com/search?*
// @include        http://*.google.co.uk/search?*
// ==/UserScript==

var results = document.getElementsByTagName("a");
for ( var i=0; i<results.length; i++ ) {
	if (
		results[i].href.indexOf("http:/ /www.experts-exchange.com") == 0
		|| results[i].href.indexOf("http:/ /swik.net") == 0 ) {
		results[i].parentNode.parentNode.style.display = "none";
	}
}
[/sourcecode]

Before using, in the URLs replace http:/ / with http://.

Unable to invoke CFC - The value '' cannot be converted to a number.

And here is the stack trace:

[sourcecode lang="cf"]
        [0] "coldfusion.runtime.Cast._double(Cast.java:652)"
        [1] "coldfusion.runtime.Cast._double(Cast.java:632)"
        [2] "coldfusion.runtime.Cast._double(Cast.java:786)"
        [3] "coldfusion.flash.messaging.io.amf.Translator.CFASSerializer.translate(CFASSerializer.java:545)"
        [4] "coldfusion.flash.messaging.io.amf.Translator.CFASSerializer.translate(CFASSerializer.java:494)"
        [5] "coldfusion.flash.messaging.io.amf.Translator.CFASSerializer.translate(CFASSerializer.java:387)"
        [6] "coldfusion.flash.messaging.io.amf.Translator.CFASSerializer.translate(CFASSerializer.java:81)"
        [7] "coldfusion.flash.messaging.io.amf.Translator.CFASSerializer.translate(CFASSerializer.java:512)"
        [8] "coldfusion.flash.messaging.io.amf.Translator.CFASSerializer.translate(CFASSerializer.java:494)"
        [9] "coldfusion.flash.filter.CFCInvokeFilter.invoke(CFCInvokeFilter.java:160)"
        [10] "coldfusion.filter.ApplicationFilter.invoke(ApplicationFilter.java:279)"
        [11] "coldfusion.filter.MonitoringFilter.invoke(MonitoringFilter.java:40)"
        [12] "coldfusion.flash.filter.CFCInvokeDebugFilter.invoke(CFCInvokeDebugFilter.java:54)"
        [13] "coldfusion.flash.filter.CFCInvokePathFilter.invoke(CFCInvokePathFilter.java:70)"
        [14] "coldfusion.filter.ClientScopePersistenceFilter.invoke(ClientScopePersistenceFilter.java:28)"
        [15] "coldfusion.filter.GlobalsFilter.invoke(GlobalsFilter.java:38)"
        [16] "coldfusion.filter.DatasourceFilter.invoke(DatasourceFilter.java:22)"
        [17] "coldfusion.flash.messaging.ColdFusionAdapter.invoke(ColdFusionAdapter.java:223)"
        [18] "flex.messaging.services.RemotingService.serviceMessage(RemotingService.java:173)"
        [19] "flex.messaging.MessageBroker.routeMessageToService(MessageBroker.java:1165)"
        [20] "flex.messaging.endpoints.AbstractEndpoint.serviceMessage(AbstractEndpoint.java:757)"
        [21] "flex.messaging.endpoints.amf.MessageBrokerFilter.invoke(MessageBrokerFilter.java:117)"
        [22] "flex.messaging.endpoints.amf.LegacyFilter.invoke(LegacyFilter.java:158)"
        [23] "flex.messaging.endpoints.amf.SessionFilter.invoke(SessionFilter.java:48)"
        [24] "flex.messaging.endpoints.amf.BatchProcessFilter.invoke(BatchProcessFilter.java:67)"
        [25] "flex.messaging.endpoints.amf.SerializationFilter.invoke(SerializationFilter.java:145)"
        [26] "flex.messaging.endpoints.AMFEndpoint.service(AMFEndpoint.java:122)"
        [27] "flex.messaging.MessageBrokerServlet.service(MessageBrokerServlet.java:438)"
        [28] "coldfusion.flex.ColdFusionMessageBrokerServlet.service(ColdFusionMessageBrokerServlet.java:50)"
        [29] "javax.servlet.http.HttpServlet.service(HttpServlet.java:853)"
        [30] "coldfusion.bootstrap.BootstrapServlet.service(BootstrapServlet.java:89)"
        [31] "jrun.servlet.FilterChain.doFilter(FilterChain.java:86)"
        [32] "coldfusion.filter.FlashRequestControlFilter.doFilter(FlashRequestControlFilter.java:71)"
        [33] "coldfusion.bootstrap.BootstrapFilter.doFilter(BootstrapFilter.java:46)"
        [34] "jrun.servlet.FilterChain.doFilter(FilterChain.java:94)"
        [35] "jrun.servlet.FilterChain.service(FilterChain.java:101)"
        [36] "jrun.servlet.ServletInvoker.invoke(ServletInvoker.java:106)"
        [37] "jrun.servlet.JRunInvokerChain.invokeNext(JRunInvokerChain.java:42)"
        [38] "jrun.servlet.JRunRequestDispatcher.invoke(JRunRequestDispatcher.java:286)"
        [39] "jrun.servlet.ServletEngineService.dispatch(ServletEngineService.java:543)"
        [40] "jrun.servlet.jrpp.JRunProxyService.invokeRunnable(JRunProxyService.java:203)"
        [41] "jrunx.scheduler.ThreadPool$DownstreamMetrics.invokeRunnable(ThreadPool.java:320)"
        [42] "jrunx.scheduler.ThreadPool$ThreadThrottle.invokeRunnable(ThreadPool.java:428)"
        [43] "jrunx.scheduler.ThreadPool$UpstreamMetrics.invokeRunnable(ThreadPool.java:266)"
        [44] "jrunx.scheduler.WorkerThread.run(WorkerThread.java:66)"
[/sourcecode]

Helpful, heh?

Why, WHY! it does not say what property is causing the problem? Surely it knows, it just keeps it for itself. Adobe – please fix!

[sourcecode lang='as3']
private var formatter:DateFormatter = new DateFormatter();
...
 formatter.formatString = "MMMM";
[/sourcecode]

to display just the month names. I didn’t really care about the year when constructing new Date so I thought I would pick 1970. It appears that for January 1970 the DateFormatter returns an empty string while for 1969, 1971 and any other dates it works fine. Here is the demo.

[SWF]/wp-content/uploads/2009/06/DateFormatterBug.swf, 450, 300[/SWF]

And the source code below.

[sourcecode lang='as3']



 
  

 
  
  
  
 

 


[/sourcecode]

It appears that the bug was logged quite a few times, just one of the tickets I’ve found: https://bugs.adobe.com/jira/browse/SDK-14528. It also appears that it won’t be fixed. According to the comments under the linked story DateFormatter class is not an Adobe code. Interesting…

Can we change the width of the datagrid column dynamically by clicking on the border of the column in order to display the complete string which is too long to be displayed and needs to be scrolled ? If so, How ?

Also, how can we ensure that the column width changes dynamically based on the number of characters / length of string; since many a times the data is too long to be displayed. Can we set the column width to take the length of data into consideration before displaying onto the datagrid ?

It looked like a cool practice so I thought I would give it a go. This is what I came up, it doesn’t resize columns on double click but rather automatically when data provider is set/updated.

[sourcecode lang="as3"]
 
 

  
    0 ) {
      // and no SPECIAL child exists:
      if ( getChildByName("$someTempUICToRemoveAfterFinished") == null ) {
       // create new SPECIAL child
       // this is required to call measureText
       // if you use custom data grid item renderer
       // then create instance of it instead of UIComponent:
       var uic:UIComponent = new UIComponent();
       // do not show and do not mess with the sizes:
       uic.includeInLayout = false;
       uic.visible = false;
       // name it to leverage get getChildByName method:
       uic.name = "$someTempUICToRemoveAfterFinished";
       // add event listener:
       uic.addEventListener(FlexEvent.CREATION_COMPLETE, onTempUICCreated);
       // add to parent:
       addChild(uic);
      }
     }
     // return an input:
     return input;
    }

    // called when SPECIAL child is created:
    private function onTempUICCreated(event:FlexEvent):void {
     // keep the ref to the SPECIAL child:
     var renderer:UIComponent = UIComponent(event.target);
     // output - this will contain max size for each column:
     var maxLengths:Object = {};
     // temp variables:
     var key:String = "";
     var i:int=0;
     // for each item in the DP:
     for ( i=0; i maxLengths[key] ) {
         // set it as the longest one:
         maxLengths[key] = cellMetrics.width;
        }
       }
      }
     }

     // apply column sizes:
     for ( key in maxLengths ) {
      for ( i=0; i

  
   
    
    
   
  

 
[/sourcecode]

Sample:

[SWF]/wp-content/uploads/2009/06/TextTest.swf, 450, 240[/SWF]

This code works just fine however it may be not efficient enough when applied to large data providers.

Source code is also available on stackoverflow.com under the original entry.