Shawn Burke's Blog

Pushing the new stuff

Toolkit Extender for creating WPF/E components

Toolkit Extender for creating WPF/E components

  • Comments 19

If you haven't already seen ScottGu's post on WPF/E, I'd recommend checking it out.  WPF/E is a new technology that opens up incredible new possibilities for improving the richness and interactivity of the web.  Scott links to a few demos, and the WPF/E install is quick simple, and even works on a Mac!

Adding a WPF/E component to your page is still a little bit of work though.  To make it easier, I've created a simple Toolkit extender that automates this code so you can just create the extender and go.  See the attached file below - there is a C# and a VB.Net version of the component (though if you're just using the extender, it doesn't matter).

To add WPF/E to your website:

    1. Create your XAML file (there is a simple XAML file in the sample attached, otherwise you can use the Expression Interactive Designer beta).  Add the file to your website.  Also add any other scriptiing you'd like for your WPF/E component.
    2. Build the attached solution and add the WPFEHost DLL to your website's bin directory (you'll also need to add AjaxControlToolkit.dll if you don't already have it).
    3. In your website, create a Panel where you want the WPF/E content to show.  
    4. Add the WPFEHost extender.  Note that if you're writing any script against your WPF/E control, the ID of the WPF/E control will be set to the ID of Extender, for example "wpfeControl" below.

<wpfe:WPFEHostExtender ID="wpfeControl" Runat="server" Height="350px" TargetControlID="Panel1" Width="350px" XamlPath="myWpfeControl.xaml" BackgroundColor="transparent"/>

That's it! 


Leave a Comment
  • Please add 6 and 6 and type the answer here:
  • Post
  • 对网上的WPF/E文章汇总,前一部分来自思归的WPF/E技术文章,每天整理一些资源.


  • 新的技术层出不穷啊,微软的任何一个动作都有可能引起程序界的轰动或者骚动。追着微软真累:(

  • 摘要


Page 2 of 2 (19 items) 12