菲佣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);