热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> Silverlight>>正文内容

强大的DataGrid组件[7]_自定义DataGrid

发布时间:2009年09月17日点击数: Kinglee

返回教程连载目录

今天我们来一起学习怎样自定义DataGrid的单元格呈现形式的基本操作方法。

 基本知识讲解

 1)两种状态

DataGrid的单元格的状态有两类,即编辑状态和非编辑状态。

在实际开发中,如果一个单元格所在的列不设为只读的话(即要求可读写),那么这个单元格就存在这两种状态。按需要,这时就应当对这两种状态对单元格分别设定不同的编辑模板。如果该单元格仅用于进行简易的文本编辑,则可保留原有状态,无需重新设定。

这两种编辑模板的标签如下所示:

①非编辑状态模板:<data:DataGridTemplateColumn.CellTemplate>

②编辑状态模板:<data:DataGridTemplateColumn.CellEditingTemplate>

2)三种模板

①<data:DataGridTextColumn>

普通文本列,即基本默认设置

②<data:DataGridCheckBoxColumn>

带有复选框的列,当该列单元格数据的值为true或false、1或0时,将该列的模板设定。

③<data:DataGridTemplateColumn>

自定义模板列,这个是功能最强的可以放入任何自定义控件。

关于绑定

如果单元格所在列无需编辑或只读的话,绑定模式设定为默认的OneWay即可。如果该列需要进行编辑,就请将绑定模式设为TwoWay。

更为详细的说明请参见MSDN的文章。(点这里

实例

说明:为了能自定义列,我们需要先将DataGrid的AutoGenerateColumns属性设为false。

MainPage.xaml文件代码:

<UserControl
    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"
    xmlns:src="clr-namespace:SilverlightClient"
    mc:Ignorable="d" xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="SilverlightClient.MainPage"
    d:DesignWidth="320" d:DesignHeight="240">
<UserControl.Resources>
    <!--静态资源绑定-->
   <src:cbSexListProvider x:Key="cbSexListProvider"></src:cbSexListProvider>  
</UserControl.Resources>
        <Grid x:Name="LayoutRoot" Background="White" Width="320" Height="240">
        <data:DataGrid x:Name="dgCustom" Margin="8,8,8,42" AutoGenerateColumns="False" FontSize="14">
            <data:DataGrid.Columns>
                <data:DataGridTextColumn Header="编号" IsReadOnly="True" Binding="{Binding EmployeeID,Mode=OneWay}" /><!--该列只读-->
                <data:DataGridTextColumn Header="名称" Binding="{Binding EmployeeName,Mode=TwoWay}" />
                <data:DataGridTextColumn Header="年龄" Binding="{Binding EmployeeAge,Mode=TwoWay}" />
                <data:DataGridTemplateColumn Header="性别" Width="80">
                    <data:DataGridTemplateColumn.CellTemplate><!--普通显示模式-->
                        <DataTemplate>
                            <TextBlock Text="{Binding EmployeeSex}"></TextBlock>
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellTemplate>
                    <data:DataGridTemplateColumn.CellEditingTemplate><!--编辑模式-->
                        <DataTemplate>
                           <ComboBox Width="80" ItemsSource="{Binding cbSexList,Source={StaticResource cbSexListProvider}}" SelectedItem="{Binding EmployeeSex,Mode=TwoWay}" />
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellEditingTemplate>
                </data:DataGridTemplateColumn>
                <data:DataGridCheckBoxColumn Header="婚否" Binding="{Binding EmployeeMarried,Mode=TwoWay}" />
            </data:DataGrid.Columns>
        </data:DataGrid>
    </Grid>
</UserControl>

 

MainPage.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 SilverlightClient
{
    //静态资源绑定源
    public class cbSexListProvider
    {
        public List<string> cbSexList
        {
            get
            {
                return new List<string> { "男", "女" };
            }

        }

    }



    //定义数据类
    public class Employees
    {
        public int EmployeeID { get; set; }
        public string EmployeeName { get; set; }
        public int EmployeeAge { get; set; }
        public string EmployeeSex { get; set; }
        public int EmployeeMarried { get; set; }  
    }

  
    public partial class MainPage : UserControl
    {
        List em = new List();
  
        public MainPage()
        {
            InitializeComponent();
            this.Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

  
        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            em.Add(new Employees() { EmployeeID = 1, EmployeeName = "张三", EmployeeAge = 23, EmployeeSex = "男", EmployeeMarried = 0 });
            em.Add(new Employees() { EmployeeID = 2, EmployeeName = "李四", EmployeeAge = 24, EmployeeSex = "女", EmployeeMarried = 1 });
            em.Add(new Employees() { EmployeeID = 3, EmployeeName = "王五", EmployeeAge = 25, EmployeeSex = "男", EmployeeMarried = 1 });
            dgCustom.ItemsSource = em;
        }

    }

}

最终效果图:

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作