You are on page 1of 11

c  

In this tutorial will demonstrate how to use a DataList control to allow users to select individual items in the
particular list.

Learn How to Use the DataList control in ASP.NET 3.5 Web App using C# Ê

xnce an individual item is selected, the DataList can be set to display additional text and controls for the
SelectedItem that may be different from, or not included in, the ItemTemplate. This can be done by defining
a SelectedItemTemplate, that is rendered but only for whichever item that is currently selected.

As you can see the DataList control displays data in a format that you can define using templates and styles.
It is a perfect control for data in any repeating structure like a table. The DataList can also encapsulate the
functionality to easily highlight the selected item visually, using the SelectedItemTemplate.

I just signed up at Server Intellect and couldn't be more pleased with my Windows Server! Check it out and
see for yourself. Ê

To start, open Visual Studio 2008. Click File > New > Web Site > ASP.NET and name it DataList or whatever
you want. First, we want to define the layout in a CSS. This example is pretty straight forward, considering
we are using just a basic layout:

Ê 
 Ê
Ê ÊÊ
ÊÊÊ
Ê  ÊÊ
ÊÊÊ
Ê ÊÊ
ÊÊÊ
ÊÊÊ
Ê  !! ÊÊ
Ê   ÊÊ
ÊÊÊ
Ê ÊÊ
ÊÊÊ
Ê""ÊÊ
Ê #$! ÊÊ
Ê#! ÊÊ
ÊÊÊ
Ê%ÊÊÊ
ÊÊÊ
Ê&! ÊÊ
ÊÊÊ
ÊÊÊ
ÊÊÊ
Ê$ ÊÊ
Ê ÊÊ
ÊÊÊ
Ê %ÊÊ
ÊÊÊ
Ê  ÊÊ
ÊÊÊ

 Ê

Next, we want to create a DataList control. The control will display a menu of People from our Person table.
You can use the DataList control to edit database records. Although this control requires more coding than
editing with other Databound controls such as the GridView, FormView, or DetailsView controls. Ê

Notice how it includes a DataKeyField property that accepts the name of a primary key column from the
data source. When this property is set, the DataList control¶s DataKeys collection is populated with the
primary keys from the data source, but only when the control is bound to its data source. Below is an
example markup of a DataList control and illustrates how you can edit and delete database records:

 Ê
Ê "Ê'Ê% Ê
Ê %Ê   Ê
Ê %Ê   Ê
Ê ()Ê
Ê*ÊÊ
Ê(+ ,(*ÊÊ
Ê(-',ÊÊ

.)ÊÊÊÊÊÊÊ Ê ÊÊ Ê()/ Ê*Ê


%ÊÊ01Ê231Ê4 1Ê5 ÊÊ
Ê.)5 ÊÊ
Ê67*867ÊÊ
Ê7 7*87 7ÊÊ
Ê97*897ÊÊ
Ê(7*8(7ÊÊ

77ÊÊÊÊ ÊÊ7++Ê Ê Ê Ê()77ÊÊ

6,+ÊÊÊÊ"Ê Ê()ÊÊ Ê"ÊÊÊ


Ê6,+77Ê:% Ê
,/ Ê
Ê & ;<6%=0>Ê;
& Ê
ÊÊÊÊ
Ê ;<6%=.>Ê; Ê
ÊÊÊÊÊÊ
Ê ;<6%=7>Ê; Ê
Ê Ê
Ê
Ê
Ê )5Ê
Ê6ÊÊ
Ê706ÊÊ
Ê/ 6ÊÊ
Ê:%Ê
Ê
Ê )5Ê
Ê(ÊÊ
Ê70(ÊÊ
Ê/ (ÊÊ
Ê?77 Ê "=@AÊÊB@>ÊÊ
Ê%Ê
Ê

,/ Ê

In the ItemTemplate shown above, the DataList includes an Edit LinkButton and a Delete LinkButton. When
the Edit LinkButton is clicked, the DataList raises its EditCommand event and the dlstPeople_Edit() method
is executed. Same is true for the delete button, which also raises the DeleteCommand event and the
dlstPeople_Delete() method is executed. Here is an example of these methods:Ê

 Ê% Ê
Ê Ê%Ê*867=C Ê 1Ê()76%AÊ
>ÊÊ
ÊÊÊ
Ê*6,, ÊÊ,,, Ê*(5=>ÊÊ
ÊÊÊ
Ê Ê%Ê*897=C Ê 1Ê
()76%AÊ>ÊÊ
ÊÊÊ

Ê.Ê"Ê"Ê/ 5  0ÊÊ=/ 5 >,'7= 0>ÊÊ


Ê/ 5  .ÊÊ=/ 5 >,'7= .>ÊÊ
Ê/ 5  7ÊÊ=/ 5 >,'7= 7>ÊÊ

ÊAÊÊÊ
Ê*9*D,E("4ÊÊ
*(-D,,, E/+=>ÊÊ
Ê*9*D0E("4ÊÊ 0/ ÊÊ
Ê*9*D.E("4ÊÊ ./ ÊÊ
Ê*9*D7E("4ÊÊ 7/ ÊÊ

Ê7Ê+F(+ Ê9ÊÊ
Ê*9=>ÊÊ

Ê/ÊÊ"Ê6ÊÊÊ
Ê*6,, ÊÊ&ÊÊ
ÊÊÊ
Ê Ê%Ê*8(7=C Ê 1Ê
()76%AÊ>ÊÊ
ÊÊÊ

ÊAÊÊ*(*D,E("4ÊÊ
*(-D,,, E/+=>ÊÊ

Ê7Ê+F(+ Ê(Ê*(=>ÊÊ
ÊÊÊ
Ê Ê%Ê*87 7=C Ê 1Ê
()76%AÊ>ÊÊ
ÊÊÊ
Ê*6,, ÊÊ&Ê*(5=>ÊÊ
ÊÊÊ

  Ê
Can you see how the dlstPeople_Edit() method sets the EditItemIndex property fo the DataList control? The
EditItemTemplate is displayed for the item in the DataList that matches the EditItemIndex. Ê

Also notice how the EditItemTemplate includes form fields for editing a people record and an Update and
Cancel LinkButton. These LinkButtons raise the UpdateCommand and Cancel Command events, and execute
the corresponding event handlers.

If you're ever in the market for some great Windows web hosting, try Server Intellect.We have been very
pleased with their services and most importantly, technical support.

If you are working through this and trying to get this to compile, do not forget to configure your web.config:

 + Ê
Ê Ê*7 +Ê  +(Ê+ = >,Ê
7*,Ê+ /ÊÊ%0+(+F7
Ê

 + Ê

Also, be sure that you inlcude the rest of this EditItemTemplate markup under the ItemTemplate shown
above. Ths simply just create labels and asscoiates them with the correct properties:Ê

6,/ Ê
Ê )Ê
Ê0ÊÊ
Ê/ 0ÊÊÊ
ÊA 7,( 0ÊÊ
Ê:%Ê
Ê
Ê Ê
Ê
Ê / 5 Ê
Ê 0ÊÊ
Ê/ @@ÊÊ
Ê:%Ê
Ê
Ê
Ê
Ê
Ê )Ê
Ê.ÊÊ
Ê/ .ÊÊ
ÊA 7,( .ÊÊ
Ê:%Ê
Ê
Ê Ê
Ê
Ê / 5 Ê
Ê .ÊÊ
Ê/ @@ÊÊ
Ê:%Ê
Ê
Ê Ê
Ê
Ê
Ê / 5 Ê
Ê 7ÊÊ
Ê/ @@ÊÊ
Ê:%Ê
Ê
Ê
Ê
Ê
Ê )5Ê
Ê9ÊÊÊ
Ê709ÊÊ
Ê/ 9ÊÊ
Ê:%Ê
Ê
Ê )5Ê
Ê7 ÊÊ
Ê707 ÊÊ
Ê/ 7 ÊÊ
Ê:%Ê
Ê
Ê
6,/ Ê

() Ê

% Ê

In order connect to a the Person table you will need to connect to a database. So first you must set the
ConnectionString property to a valid connection string. Ê

The SqlDataSource data source control represents data in an SQL relational database to data-bound controls
like the DataList we just went through. You can use the SqlDataSource control in conjunction with a data-
bound control to retrieve data from a relational database and to display, edit, and sort data on a Web page
with little or no code.

+F(+ Ê
Ê*ÊÊÊ
Ê7 + ;GÊ7 +*7 +Ê; ÊÊ
Ê+ 7+6)67/Ê,101.1Ê7Ê':?HÊ*ÊÊ
Ê979*(A/6Ê*Ê+6/Ê0I01Ê.I.1Ê
7I7ÊJ26:6Ê,I,ÊÊ
Ê(7(6)6/6Ê*ÊJ26:6Ê,I,ÊÊ
Ê:% Ê
9* Ê
Ê *Ê0,Ê
Ê
Ê *Ê00Ê
Ê
Ê *Ê0.Ê
Ê
Ê *Ê07Ê
Ê

9* Ê
Ê (* Ê
Ê *Ê0,Ê
Ê

(* Ê

+F(+  Ê
Ê

Ê
Ê

ÊÊ
 Ê Ê Ê Ê  ÊÊÊ Ê Ê  ÊÊÊ 
Ê ÊÊ
 Ê Ê
Ê
 ÊÊÊ 
Ê ÊÊ Ê Ê
ÊÊ Ê Ê
Ê Ê Ê  ÊÊ
Ê
Ê ÊÊÊ
Ê
 ÊÊ
Ê
 ÊÊ

Ê
 ÊÊ

Ê ÊÊ  Ê Ê

ÊÊ
Ê
ÊÊÊ Ê
ÊÊ 

Ê Ê Ê  ÊÊÊ!"#Ê$Ê %  Ê
 Ê
Ê Ê% Ê Ê
 Ê Ê
ÊÊ 
Ê ÊÊÊÊ
Ê
Ê Ê&Ê

Ê Ê Ê Ê 'Ê
Ê
(Ê)*  +Ê
,Ê)-   +Ê
.)   +Ê
/)! 

   +Ê
&)"   +Ê
0)! 

   +Ê
Ê
*  'Ê  Ê Ê Ê Ê Ê 
 ÊÊ Ê
Ê Ê
Ê
Ê Ê Ê
  Ê 

Ê
-   'Ê1Ê  Ê Ê Ê Ê Ê 
 ÊÊ Ê
Ê Ê
Ê
ÊÊ Ê
  Ê 

Ê
  'Ê  Ê Ê Ê Ê Ê 
 ÊÊÊ
Ê
ÊÊ Ê ÊÊ Ê Ê Ê Ê
  Ê  Ê
Ê
! 

   'Ê  Ê Ê Ê Ê Ê 
 ÊÊÊ
Ê%Ê 
Ê Ê Ê
Ê  Ê  Ê Ê Ê 
Ê 
Ê  Ê Ê  Ê
Ê%
Ê
Ê Ê  Ê
Ê
Ê
"   'Ê Ê Ê Ê Ê 
 Ê Ê
Ê
ÊÊ Ê Ê Ê
Ê Ê
Ê
" Ê
Ê ÊÊ
 ÊÊ

Ê Ê Ê Ê  Ê
Ê  Ê Ê Ê Ê Ê Ê  Ê   Ê ÊÊ

Ê Ê
Ê
 Ê
 Ê ÊÊ
 Ê ÊÊ Ê Ê1 
Ê Ê Ê Ê
Ê 1
Ê
 Ê Ê   Ê Ê Ê Ê2   Ê Ê Ê  Ê 
Ê
Ê  Ê Ê 
ÊÊ
 3 Ê
  ÊÊ
ÊÊ
 Ê ÊÊ
Ê4Ê
 ÊÊ  Ê Ê Ê  ÊÊ Ê ÊÊ  Ê
ÊÊÊ Ê
Ê  Ê
 ÊÊ
Ê ÊÊ5) +6Ê
ÊÊ*  ÊÊ
 Ê
 Ê ÊÊ5)+6Ê
ÊÊ   Ê
ÊÊ
Ê ÊÊ5)7 +6Ê
ÊÊ-   ÊÊ

ÊÊ
 Ê Ê
Ê 1
Ê  
Ê   Ê Ê 
Ê  Ê8 Ê
Ê ÊÊ
 
Ê%
Ê Ê  Ê
 Ê%
 ÊÊÊ Ê ÊÊ  Ê ÊÊ
 Ê

Ê
4Ê%Ê Ê Ê    Ê ÊÊ Ê
Ê
Ê
Ê
 Ê
Ê  Ê

Ê
Ê 

Ê  Ê
Ê
Ê
Ê
 Ê%Ê
56Ê Ê
Ê 
Ê%

Ê
1+
56Ê
1+ Ê1+Ê9%

1+ 
Ê1+Ê9%

Ê
"   ÊÊÊÊÊÊÊÊ
 Ê
1+ ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ  Ê
Ê

 Ê1+Ê Ê
 Ê
Ê
9%Ê

 Ê  
Ê 

Ê
ÊÊ
Ê" Ê Ê 
Ê ÊÊ
Ê  Ê
Ê Ê:
ÊÊÊ Ê 
ÊÊ
 Ê ÊÊÊ Ê Ê
ÊÊÊ Ê Ê   Ê
Ê
* Ê Ê ÊÊÊ
 ;Ê
Ê
ÊÊ
Ê Ê Ê
Ê
 Ê
Ê
  Ê ÊÊ
 Ê Ê
Ê Ê 
Ê Ê
Ê 'Ê
Ê
)


"
 +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê
<=
=Ê


"
<=
  Ê <
>ÊÊ <$??,>Ê
Ê
 <  =7+Ê
ÊÊÊÊÊÊÊÊ)7


"
 +Ê
Ê
  2Ê Ê Ê
Ê
)@AÊ#Ê
<=B=Ê! 9%
4 <==Ê - <=  2 =Ê
  <=C =Ê@+Ê
)D: 8#9Ê Ê# Ê=1774.77 Ê* Ê(?Ê 

 779$=Ê
='77. 7 72 (7 72 (1

 =+Ê
) Ê2
<='77. 7(EEE72 =+Ê
)Ê
<= %=+Ê
ÊÊÊÊ)
Ê <="  =Ê<=27 =Ê<=" " =Ê7+Ê
ÊÊÊÊ)  +Ê
 Ê
Ê!"#$9 )7  +Ê
)7+Ê
) +Ê
ÊÊÊÊ) Ê <= (=Ê
<= %=+Ê
ÊÊÊÊ) %+Ê
ÊÊÊÊÊÊÊÊ) 'Ê <=
 
=Ê
<= %=+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)*  +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ) Ê  <=  =+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ Ê$ Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ"
Ê$Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ  Ê- Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)7*  +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê  <=   =+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)@B
9% 5

=  $ =6@+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)@B
9% 5

= $=6@+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)@B
9% 5

= - =6@+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)7   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)"   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)7"   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)! 

   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)@B
9% 5

=  $ =6@+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)@B
9% 5

= $=6@+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)@B
9% 5

= - =6@+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)7! 

   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)"   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)Ê7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)7"   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)-   +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ" Ê  Ê  Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7+Ê
ÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊÊ)7 +Ê
ÊÊÊÊÊÊÊÊÊÊÊÊ)7-   +Ê
ÊÊÊÊÊÊÊÊ)7 '+Ê
ÊÊÊÊ)7 %+Ê
ÊÊÊÊ)7 +Ê
)7 +Ê
)7 +Ê
Ê
 Ê
Ê Ê Ê
Ê

Ê" >Ê

Ê" 
 


Ê" >Ê

Ê" 
F>Ê

Ê" 4>Ê

Ê" 4" >Ê

Ê" 4 >Ê

Ê" 4 * 
 >Ê

Ê" 4 4
 >Ê

Ê" 4 4
 4# >Ê

Ê"  
F>Ê

Ê" "F  
>Ê
Ê
 Ê  Ê  ÊC Ê'Ê" 4 #Ê

ÊÊÊÊ"F 


Ê

ÊÊÊÊ"F  
Ê<Ê
Ê"F  
56>Ê
ÊÊÊÊ Ê% Ê#C 5 HÊ 
Ê9%
! Ê6Ê
ÊÊÊÊGÊ
ÊÊÊÊÊÊÊÊ
Ê<Ê
Ê"F 


5
 




"
 I=
=J


"
6>Ê
ÊÊÊÊÊÊÊÊ


Ê<Ê

ÊÊÊÊÊÊÊÊ 
 2Ê<Ê=  ÊKÊ Ê 
=>Ê
ÊÊÊÊÊÊÊÊ
:
56>Ê
ÊÊÊÊÊÊÊÊ
 
" Ê<Ê9256>Ê
ÊÊÊÊÊÊÊÊ
 

56>Ê
ÊÊÊÊÊÊÊÊ
 56>Ê
ÊÊÊÊLÊ

Ê
Ê!"#$9 ÊÊ
 Ê Ê
Ê
ÊÊ  Ê
 Ê Ê 
Ê Ê ÊÊÊ Ê Ê  Ê
" Ê ÊÊ
Ê
:Ê ÊÊ %Ê Ê
Ê

Ê
Ê
 Ê  Ê Ê Ê
ÊÊ

Ê 
Ê
Ê ÊÊ
 Ê
Ê
$ 'Ê
ÊÊ %Ê2 Ê Ê%Ê Ê
ÊÊ


Ê 
Ê 
Ê Ê Ê Ê

Ê Ê
Ê

 
Ê
Ê
Ê ÊÊ Ê  Ê  Ê%Ê Ê Ê
Ê
 

ÊÊÊ
 Ê
Ê!"#$9 Ê#  Ê
Ê Ê Ê Ê
Ê Ê Ê Ê  Ê8 ÊÊ
Ê
 %Ê
 
ÊÊ  Ê