菲佣WPF——4(关于DataTemplate(1))

DataTemplate可以说是WPF的灵魂之一。可以灵活的定制样式和动态添加控件。

今天先来了解DataTemplate通常使用(DataGrid的DataTemplate)

(代码中有些方法，你可以参考之前的blog)

XAML的代码：

<Window x:Class="WpfApplication4.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:local="clr-namespace:WpfApplication4"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DataGrid ItemsSource="{Binding ItemList}" AutoGenerateColumns="False" SelectedItem="{Binding SelectedItems}">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox  IsChecked="{Binding IsChecked,Mode=TwoWay}" local:CheckBoxBehavior.Click="{Binding DataContext.ClickCommand, RelativeSource={RelativeSource AncestorType={x:Type Window},Mode=FindAncestor}}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="名字" Width="500"  Binding="{Binding Name,Mode=TwoWay}"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

DataTemplate下的Click绑定可以参考系列2。使用RelativeSource（相对资源）来绑定的原因是:DataTemplate当前的DataCotext是DataGrid 单个Item的DataContext.

不用相对资源，无法绑定到ViewModel ClickCommand. 之于什么是相对资源可以查google;

下面是ViewModel代码:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;

namespace WpfApplication4
{
    public class MainWindowsViewModel:NotifyObject
    {
        #region << Property >>
        public ObservableCollection<DataGridItem> ItemList
        {
            get;
            set;
        }
        public ICommand ClickCommand { get; set; }

        public DataGridItem SelectedItems
        {
            get;
            set;
        }
        #endregion
        #region << Constructor >>
        public MainWindowsViewModel()
        {
            ItemList = new ObservableCollection<DataGridItem>();
            InitItemList();
            ClickCommand = new DeletegateCommand(Click);
        }
        #endregion

        #region << Method >>
        private void InitItemList()
        { 
            ///打桩数据
            ItemList.Add(new DataGridItem("Demo1"));
            ItemList.Add(new DataGridItem("Demo2"));
            ItemList.Add(new DataGridItem("Demo3"));
            ItemList.Add(new DataGridItem("Demo4"));
            ItemList.Add(new DataGridItem("Demo5"));
           
        }

        public void Click()
        {
            if (SelectedItems != null)
            {
                SelectedItems.Name = "Selected";
            }
        }
        #endregion

    }

    public class DataGridItem:NotifyObject
    {
        #region << Property >>
        public bool IsChecked
        {
            get { return GET(() => IsChecked); }
            set { SET(() => IsChecked, value); }
        }

        public string Name
        {
            get { return GET(() => Name); }
            set { SET(() => Name, value); }
        }
        #endregion

        #region << Constructor >>
        public DataGridItem(string name):this(false,name)
        {
        }
        public DataGridItem(bool isChecked, string name)
        {
            IsChecked = true ;
            Name = name;
        }
        #endregion
    }
}

 

这个ViewModel中关于ObservableCollection这个类的使用有以下的注意点:

1.ObservableCollection自身提供了通知功能。但要注意的是他的通用功能，只针对添加子元素和删除子元素。当子元素自身属性（子元素自身变化不通知）发生变化的时候，他是不会通知的。

2：List ObservableCollection之间的转换；

List demo = new List(ObservableCollection);