上接稳扎稳打Silverlight(17) - 2.0数据之详解DataGrid, 绑定数据到ListBox

<UserControl x:Class="Silverlight20.Data.DataGrid02"
        xmlns="@R_674_10107@://scheR_434_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="@R_674_10107@://scheR_434_11845@as.microsoft.com/winfx/2006/xaml"
        xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data">
        <StackPanel HorizontalAlignment="Left">

                <StackPanel Orientation="Vertical" Margin="5">
                
                        <checkBox Content="是否只读" Margin="5"    
                                checked="chkReadOnly_Changed" Unchecked="chkReadOnly_Changed" />

                        <checkBox Content="冻结列" Margin="5"
                                checked="chkFreezecolumn_Changed" Unchecked="chkFreezecolumn_Changed"/>

                        <checkBox Content="行的选中模式，是否只能单选" Margin="5"
                                checked="chkSELEctionMode_Changed" Unchecked="chkSELEctionMode_Changed" />

                        <checkBox Content="是否允许拖动列" Ischecked="true" Margin="5"    
                                checked="chkColReorder_Changed" Unchecked="chkColReorder_Changed"/>

                        <checkBox Content="是否允许改变列的宽度" Ischecked="true" Margin="5"
                                checked="chkColResize_Changed" Unchecked="chkColResize_Changed"/>
                                
                        <checkBox Content="是否允许列的排序" Ischecked="true" Margin="5"
                                checked="chkColSort_Changed" Unchecked="chkColSort_Changed"/>

                        <checkBox Content="改变表格的垂直分隔线的 Brush" Margin="5"    
                                checked="chkCustomGridLineVertical_Changed" Unchecked="chkCustomGridLineVertical_Changed"/>
                                
                        <checkBox Content="改变表格的水平分隔线的 Brush" Margin="5"
                                checked="chkCustomGridLineHorizontal_Changed" Unchecked="chkCustomGridLineHorizontal_Changed"/>

                        <ComboBox SELEctionChanged="cboHeaders_SELEctionChanged" Width="200" HorizontalAlignment="Left">
                                <ComboBoxItem Content="列头和行头均显示" Tag="All" />
                                <ComboBoxItem Content="只显示列头（默认值）" Tag="column" IsSELEcted="True" />
                                <ComboBoxItem Content="只显示行头" Tag="Row" />
                                <ComboBoxItem Content="列头和行头均不显示" Tag="None" />
                        </ComboBox>

                </StackPanel>

                <!--
                GridLinesVisibility - 表格分隔线的显示方式 [System.Windows.Controls.DataGridGridLinesVisibility枚举]
                        DataGridGridLinesVisibility.None - 都不显示
                        DataGridGridLinesVisibility.Horizontal - 只显示水平分隔线
                        DataGridGridLinesVisibility.Vertical - 只显示垂直分隔线。默认值
                        DataGridGridLinesVisibility.All - 显示水平和垂直分隔线
                rowBACkground - 奇数数据行背景
                AlternaTingRowBACkground - 偶数数据行背景
                -->
                <data:DataGrid x:Name="DataGrid1" Margin="5"
                        Width="400" Height="200"
                        AutoGeneratecolumns="false"
                        GridLinesVisibility="All"
                        rowBACkground="White"
                        AlternaTingRowBACkground="Yellow"
                        Itemssource="{Binding}"
                >

                        <data:DataGrid.columns>
                        
                                <!--
                                IsReadOnly - 该列的单元格是否只读
                                CanUserReorder - 该列是否可以拖动
                                CanUserResize - 该列是否可以改变列宽
                                CanUserSort - 该列是否可以排序
                                SortMemberPath - 该列的排序字段
                                -->
                                <data:DataGridTextcolumn Header="姓名" Binding="{Binding NamE}"    
                                        IsReadOnly="false"
                                        CanUserReorder="True"    
                                        CanUserResize="True"    
                                        CanUserSort="True"    
                                        SortMemberPath="Name"    
                                />
                                
                                <!--
                                Width - 列宽
                                        Auto - 根据列头内容的宽度和单元格内容的宽度自动设置列宽
                                        SizeToCells - 根据单元格内容的宽度设置列宽
                                        SizeToHeader - 根据列头内容的宽度设置列宽
                                        Pixel - 像素值
                                -->
                                <data:DataGridTextcolumn Header="生日" Binding="{Binding DayOfBirth}" Width="100" />
                                <data:DataGridTextcolumn Header="年龄" Binding="{Binding AgE}" />
                                <data:DataGridcheckBoxcolumn Header="性别" Binding="{Binding MalE}" />
                                <data:DataGridTextcolumn Header="姓名" Binding="{Binding NamE}" />
                                <data:DataGridTextcolumn Header="生日" Binding="{Binding DayOfBirth}" />
                                <data:DataGridTextcolumn Header="年龄" Binding="{Binding AgE}" />
                                <data:DataGridcheckBoxcolumn Header="性别" Binding="{Binding MalE}" />
                        </data:DataGrid.columns>

                </data:DataGrid>

        </StackPanel>
</UserControl>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace Silverlight20.Data

{

         public partial class DataGrid02 : UserControl

        {

                 public DataGrid02()

                {

                        initializeComponent();

                        BindData();

                }

                 void BindData()

                {

                        var source = new Data.sourceData();

                         // 设置 DataGrid 的数据源

                        DataGrid1.DataContext = source.GetData();

                }

                 private void chkReadOnly_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         // IsReadOnly - 单元格是否只读。默认值 false

                        DataGrid1.IsReadOnly = ( bool)chk.Ischecked;

                }

                 private void chkFreezecolumn_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         // FrozencolumnCount - 表格所冻结的列的总数（从左边开始数）。默认值 0

                         if (chk.Ischecked == true)

                                DataGrid1.FrozencolumnCount = 1;

                         else if (chk.Ischecked == false)

                                DataGrid1.FrozencolumnCount = 0;

                }

                

                 private void chkSELEctionMode_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         // SELEctionMode - 行的选中模式 [System.Windows.Controls.DataGridSELEctionMode枚举]

                         //         DataGridSELEctionMode.Single - 只能单选

                         //         DataGridSELEctionMode.Extended - 可以多选（通过Ctrl或Shift的配合）。默认值

                         if (chk.Ischecked == true)

                                DataGrid1.SELEctionMode = DataGridSELEctionMode.Single;

                         else if (chk.Ischecked == false)

                                DataGrid1.SELEctionMode = DataGridSELEctionMode.Extended;

                }

                 private void chkColReorder_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         // CanUserReordercolumns - 是否允许拖动列。默认值 true

                         if (DataGrid1 != null)

                                DataGrid1.CanUserReordercolumns = ( bool)chk.Ischecked;

                }

                 private void chkColResize_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         // CanUserResizecolumns - 是否允许改变列的宽度。默认值 true

                         if (DataGrid1 != null)

                                DataGrid1.CanUserResizecolumns = ( bool)chk.Ischecked;

                }

                 private void chkColSort_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         // CanUserSortcolumns - 是否允许列的排序。默认值 true

                         if (DataGrid1 != null)

                                DataGrid1.CanUserSortcolumns = ( bool)chk.Ischecked;

                }

                 private void chkCustomGridLineVertical_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         if (DataGrid1 != null)

                        {

                                 // VerticalGridLinesBrush - 改变表格的垂直分隔线的 Brush

                                 if (chk.Ischecked == true)

                                        DataGrid1.VerticalGridLinesBrush = new SolidColorBrush(Colors.bluE);

                                 else

                                        DataGrid1.VerticalGridLinesBrush = new SolidColorBrush(Color.FromArgb(255,223,227,230));

                        }

                }

                 private void chkCustomGridLineHorizontal_Changed( object sender,RoutedEventArgs E)

                {

                        checkBox chk = sender as checkBox;

                         if (DataGrid1 != null)

                        {

                                 // HorizontalGridLinesBrush - 改变表格的水平分隔线的 Brush

                                 if (chk.Ischecked == true)

                                        DataGrid1.HorizontalGridLinesBrush = new SolidColorBrush(Colors.bluE);

                                 else

                                        DataGrid1.HorizontalGridLinesBrush = new SolidColorBrush(Color.FromArgb(255,230));

                        }

                }

                 private void cboHeaders_SELEctionChanged( object sender,RoutedEventArgs E)

                {

                        ComboBoxItem cbi = ((ComboBox)sender).SELEctedItem as ComboBoxItem;

                         if (DataGrid1 != null)

                        {

                                 // HeadersVisibility - 表头（包括列头和行头）的显示方式 [System.Windows.Controls.DataGridHeadersVisibility枚举]

                                 //         DataGridHeadersVisibility.All - 列头和行头均显示

                                 //         DataGridHeadersVisibility.column - 只显示列头。默认值

                                 //         DataGridHeadersVisibility.Row - 只显示行头

                                 //         DataGridHeadersVisibility.None - 列头和行头均不显示

                                 if (cbi.Tag.ToString() == "All")

                                        DataGrid1.HeadersVisibility = DataGridHeadersVisibility.All;

                                 else if (cbi.Tag.ToString() == "column")

                                        DataGrid1.HeadersVisibility = DataGridHeadersVisibility.column;

                                 else if (cbi.Tag.ToString() == "Row")

                                        DataGrid1.HeadersVisibility = DataGridHeadersVisibility.Row;

                                 else if (cbi.Tag.ToString() == "None")

                                        DataGrid1.HeadersVisibility = DataGridHeadersVisibility.None;

                        }

                }

        }

}

<UserControl x:Class="Silverlight20.Data.ListBox"
        xmlns="@R_674_10107@://scheR_434_11845@as.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="@R_674_10107@://scheR_434_11845@as.microsoft.com/winfx/2006/xaml">
        <StackPanel HorizontalAlignment="Left">

                <!--
                ListBox.ItemTemplate - ListBox 的选项模板
                        DataTemplate - 手工定义 ListBox 的选项数据
                -->
                <ListBox x:Name="ListBox1" Margin="5" Width="200" Height="100">
                        <ListBox.ItemTemplate>
                                <DataTemplate>
                                        <StackPanel Orientation="Horizontal">
                                                <TextBlock Text="{Binding NamE}" Margin="5" />
                                                <TextBlock Text="{Binding AgE}" Margin="5" />
                                        </StackPanel>
                                </DataTemplate>
                        </ListBox.ItemTemplate>
                </ListBox>
                
        </StackPanel>
</UserControl>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace Silverlight20.Data

{

         public partial class ListBox : UserControl

        {

                 public ListBox()

                {

                        initializeComponent();    

                        

                        BindData();

                }

                 void BindData()

                {

                        var source = new Data.sourceData();

                         // 设置 ListBox 的数据源

                        ListBox1.Itemssource = source.GetData();

                }

        }

}