프로젝트

Silverlight4 Board 만들기 -7-

Godffs 2011. 5. 1. 05:16
반응형

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

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

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

실버라이트 도구 상자에서 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>


끝~
반응형