Silverlight4 Board 만들기 -7-

이제 실버라이트 디자인으로 넘어갑니다.

실버라이트 구성화면은...여기서... [ 실버라이트 구성화면 ]

아주!아주! 간.단.하.게 하겠습니다...

실버라이트 도구 상자에서 dataGrid 컨트롤을 실버라이트 디자인 화면으로 드레그해서 추가 합니다.
추가 해주시면 XAML에 네임스페이스가 자동 추가됩니다. 'sdk' 이름으로...

[그림 7-1]

이제 DB에 있는 데이터를 실버라이트 컨트롤인 DataGrid에 보여지도록 코딩합니다.

디자인 -> 기능구현 하겠습니다.

디자인화면

[그림 7-2]

<UserControl x:Class="Gg.Silver.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"     mc:Ignorable="d"     d:DesignHeight="300" d:DesignWidth="700"     xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">       <Grid x:Name="LayoutRoot" Background="White">         <sdk:DataGrid x:Name="dgList" AutoGenerateColumns="False" GridLinesVisibility="All"                        SelectionMode="Single" AlternatingRowBackground="Sienna">             <sdk:DataGrid.Columns>                                 <sdk:DataGridTextColumn Header="글번호" Width="55"                                          Binding="{Binding NUM}"></sdk:DataGridTextColumn>                                 <sdk:DataGridTemplateColumn Header="이름" Width="100">                     <sdk:DataGridTemplateColumn.CellTemplate>                         <DataTemplate>                             <TextBlock Text="{Binding NAME}"></TextBlock>                         </DataTemplate>                     </sdk:DataGridTemplateColumn.CellTemplate>                 </sdk:DataGridTemplateColumn>                                 <sdk:DataGridTemplateColumn Header="제목" Width="250">                     <sdk:DataGridTemplateColumn.CellTemplate>                         <DataTemplate>                             <TextBlock Text="{Binding TITLE}"></TextBlock>                         </DataTemplate>                     </sdk:DataGridTemplateColumn.CellTemplate>                 </sdk:DataGridTemplateColumn>               </sdk:DataGrid.Columns>         </sdk:DataGrid>     </Grid> </UserControl>

끝~