This page has 0 threads | Add post

Exercises

Many people around the world enjoy and benefit from our exercises. If you're one of them - and can afford to - please make a small donation to help keep this and future blogs, exercises, skills assessment tests, tips, tutorials and videos freely available to everyone!

Software ==>	WPF - Visual C# (20 exercises)
Topic ==>	Basic binding (2 exercises)
Level ==>	Average difficulty
Subject ==>	WPF training

Create a bound listbox displaying a label and image in a template

This exercise is provided to allow potential course delegates to choose the correct Wise Owl Microsoft training course, and may not be reproduced in whole or in part in any format without the prior written consent of Wise Owl.

Before you can do this exercise, you'll need to download and unzip this file .

Open the window in the above folder, and make it the default window for your application. When you run the application, you should see a combo box:

A basic combo box bound to the SuitName property of the underlying class. Take a peek at the code-behind to see that the underlying class exposes two public properties: SuitName and ImageName.

Change your combobox into a listbox (this should take seconds - they work the same way), then add a data template section to the listbox:

The start of the data template.

Within this data template for how the listbox appears, add:

A label with content bound to the SuitName of the underlying class; and
An image with image source bound to the ImageUrl property of the underlying class.

Here's a suggestion for how your listbox could look:

You should be able to select any suit.

Now attach an event to the MouseDoubleClick event of the ListBox, and in this event:

create a variable lb of type ListBox which coverts the sender to a ListBox;
convert the SelectedItem in this listbox into the underlying clsSuit object;
Display the SuitName property of this suit.

Here is suggested code to do this!

private void lstSuit_MouseDoubleClick(object sender,

MouseButtonEventArgs e)

{

// get at the listbox just double-clicked on

ListBox lb = (ListBox)sender;

// show its suit

clsSuit suit = (clsSuit)lb.SelectedItem;

MessageBox.Show(suit.SuitName);

}

When you double-click on a suit, you should see a message as shown on the next page.

Here's the sort of message which you should get when you double-click on a suit:


Double-click on a suit ...	... to see its name!

Reflecting on just how powerful WPF is (and just how time-consuming it can be) close down any windows you have open.

You can unzip this file to see the answers to this exercise, although please remember this is for your personal use only.

This page has 0 threads

Add a new post

EXERCISE TOPIC

WPF EXERCISES

WPF - VISUAL C# EXERCISES

Create a bound listbox displaying a label and image in a template

Head office

London

Manchester