[Silverlight]在DataGrid中显示行号

2016-08-20 11:06:51来源:http://2063557.blog.51cto.com/2053557/545105作者:lsjhn110人点击


我们通常会碰到在DataGird的第一列(或某一列)自动显示该行行号的需求,如下图

  分析这个问题我们需要两步走
  向数据源添加数据时自动显示行号
  从数据源删除数据时自动更新所有行号
  首先做一些准备工作,我们需要为DataGird自定义第一列的单元格
<data:DataGridTemplateColumn>   <data:DataGridTemplateColumn.CellTemplate>     <DataTemplate>       <TextBlock />     </DataTemplate>   </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn>
  很简单,一个TextBlock而已
  再搞出一个实体类
  public class Person {     public string FullName { get; set; }     public int? Age { get; set; }     public string Gender { get; set; }   }
  接着定义一个私有变量_personList并在初始化时为其添加几项以便测试。
  注:_personList是ObservableCollection,以下我们所有的操作都基于ObservableCollection。
ObservableCollection<Person> _personList;
_personList = new ObservableCollection<Person> {         new Person(){ FullName="forever",Age=13,Gender="男" },         new Person(){ FullName="fish",Age=14,Gender="公"},         new Person(){ FullName="SBPP",Age=40,Gender="男"},         new Person(){FullName="TNT",Age=null,Gender="男"},         new Person(){FullName="SARS",Age=5,Gender="无"},       };
  接着我们开始解决第一个问题,即添加数据时自动显示数据行号:
  假设我们有一个按钮用来向数据源中插入数据,如
    private void btnAdd_Click(object sender, RoutedEventArgs e) {       _personList.Add(new Person() { FullName = "Lulu", Age = 18, Gender = "女" });     }
  为了让每一行的第一列产生自动编号,我们需要捕获dataGrid1的LoadingRow事件,如
dataGrid1.LoadingRow += new EventHandler<DataGridRowEventArgs>(dataGrid1_LoadingRow);
void dataGrid1_LoadingRow(object sender, DataGridRowEventArgs e) {   int index = e.Row.GetIndex();   var cell = dataGrid1.Columns[0].GetCellContent(e.Row) as TextBlock;   cell.Text = (index + 1).ToString(); }
  F5运行后点击增加按钮,你会发现数据源中新增的数据已经加入到DataGrid的新行中,并且第一列自动显示了该行的行号。
  现在我们开始解决第二个问题,即从数据源删除数据时自动更新所有行号
  现在GridView中再自定义一列,每列的显示一个按钮用来删除该条数据
<data:DataGridTemplateColumn>   <data:DataGridTemplateColumn.CellTemplate>     <DataTemplate>       <Button Content="删除" Click="btnDel_Click" />     </DataTemplate>   </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn>
  然后在.cs中处理btnDel_Click事件
private void btnDel_Click(object sender, RoutedEventArgs e) {   var btn = sender as Button;   var index = _personList.IndexOf(btn.DataContext as Person);   _personList.RemoveAt(index);   foreach (var item in dataGrid1.ItemsSource) {     var txtBlock = dataGrid1.Columns[0].GetCellContent(item) as TextBlock;     txtBlock.Text = (DataGridRow.GetRowContainingElement(txtBlock).GetIndex() + 1).ToString();   } }
  ok,大功告成。
  如果您有更好的方法,请告诉我,多谢。
  出处:http://024hi.cnblogs.com/

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台