最近在做MIS管理系统中，对于数据列表展示前面要加上一个序号，全选等功能(本篇文章只解决在DataGrid前加序号问题)；从网上也看到有

朋友对这方面的功能做了一些讲解，其功能都是一样，也没有什么好说；关键在于创新，今天发现还有另外一种方法给可以做，可能这就是一种开发

方面的技巧吧，在此特与大家一起分享。希望对大家在以后的工作中有所帮助。

创建工程等一些基本的工作就略过吧。直接看具体是怎么解决问题的；（本工程是在W7 Theme下做的DEMO）

新建一个Page页面，并在面页中添加一个DataGrid Control,如下图所示：

选择DataGrid 右键编辑当前模板：

这时，我们可以在Object and Tiem 窗口中看到当前DataGrid 模板中所有的控件对象，如下图所示：

大家想了解DataGrid 构成，可能更详细的去了解它是如何构成的，在这里就不详细说明；

接下来，选择”TopLeftConterHeader”这个模板，并对他的模板进行修改，如下图所示：

在它的模板中添加一个TextBlock，它的text设置为序号，并能它的Layout做一些设置（根据项目须要做设置）;

做到这一步大体上的工作就差不多完了；

接下把Datagrid 中的一个属性修改一下，就可以了，如下图所示：

把HeadersVisibility= All就可以了；

现在我们来编写一个Model给DataGird提供数据显示：

namespace SLW7Theme.Model
{
    public class Student
    {
        public string Name { get; set; }
        public int Age { get; set; }
        public string Address { get; set; }
    }
}

DataGrid 数据绑定：

  private void GetStudentList()
        {
            var studnet = new List<Model.Student>();
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            studnet.Add(new Model.Student() { Name = "caodaiming", Address = "sicuan", Age = 24 });
            dg.ItemsSource = studnet;
        } 

在DataGird 添加LoadingRow事件,在加行时，用行的索引作为序号；

 public DataGrid()
        {
            InitializeComponent();
            GetStudentList();
            dg.LoadingRow += new EventHandler<DataGridRowEventArgs>(dg_LoadingRow);
        }

        void dg_LoadingRow(object sender, DataGridRowEventArgs e)
        {
            e.Row.Header = e.Row.GetIndex() + 1;
        }

如果在这里加上了分页，但是这里不很对分页后的数据加累加起来；如果要实现提供给大家一种方法，可以用PageSize,pageIndex来做一些工作，

在这里不做解决；

写到{zh1}我发现了一个问题，如果你在整个项目中所有的DataGrid 都是一个模式的，可以修改DataGrid的当前模板；这样就是对它本身进行了改造，

以后在从工具中拉出它，就是你修改后的控件；(修改它的拷贝模板也是可以解决这个问题，这样在项目中有一个DataGrid 的Style)；

本人的能力有限，如有不正确的地方欢迎大家指正；一起学习，共同进步。

结束了。