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

2、DataGrid02.xaml

<UserControl x:Class="Silverlight20.Data.DataGrid02"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.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>

 

DataGrid02.xaml.cs

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;

                        }

                }

        }

}

 

 

3、ListBox.xaml

<UserControl x:Class="Silverlight20.Data.ListBox"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.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>

 

ListBox.xaml.cs

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();

                }

        }

}

 

 

OK
[源码下载]