zoukankan      html  css  js  c++  java
  • WPF DataGrid绑定及列居中

    基本的数据绑定

      把集合的字段(属性)绑定在DataGrid的Binding属性就能将数据绑定列表

    1    public class CashItem {
    2        public int Value { get; set; }
    3        public int Count { get; set; }
    4        public int Amount { get { return Value * Count; } }
    5     }
    1             var items = new List<CashItem>() {
    2                 new CashItem{Value=100,Count=23},
    3                 new CashItem{Value=50,Count=10},
    4                 new CashItem{Value=20,Count=5},
    5                 new CashItem{Value=10,Count=11}
    6             };
    7             this.Cassetters.ItemsSource = items;
    1   <DataGrid Name="Cassetters" HeadersVisibility="Column" GridLinesVisibility="Horizontal" AutoGenerateColumns="False">
    2       <DataGrid.Columns>
    3           <DataGridTextColumn Header="面值" Width="80" Binding="{Binding Value}">
    4           </DataGridTextColumn>
    5           <DataGridTextColumn Header="张数" Width="80" Binding="{Binding Count}"></DataGridTextColumn>
    6           <DataGridTextColumn Header="金额" Width="*" Binding="{Binding Amount}"></DataGridTextColumn>
    7       </DataGrid.Columns>
    8   </DataGrid>

    DataGrid列居中

      列居中需要使用到了模板,但是列头的居中需要自己定义样式,数据的绑定方式和之前的一样也是通过Binding属性

    1   <DataGrid Name="Cassetters" HeadersVisibility="Column" GridLinesVisibility="Horizontal" AutoGenerateColumns="False">
     2       <DataGrid.Columns>
     3           <DataGridTextColumn Header="面值" Width="50" Binding="{Binding Value}">
     4           </DataGridTextColumn>
     5           <DataGridTextColumn Header="张数" Width="50" Binding="{Binding Count}"></DataGridTextColumn>
     6           <DataGridTextColumn Header="金额" Width="50" Binding="{Binding Amount}"></DataGridTextColumn>
     7           <DataGridTemplateColumn  Header="模板列" Width="*">
     8               <DataGridTemplateColumn.HeaderStyle>
     9                   <Style TargetType="DataGridColumnHeader">
    10                       <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
    11                   </Style>
    12               </DataGridTemplateColumn.HeaderStyle>
    13               <DataGridTemplateColumn.CellTemplate>
    14                   <DataTemplate>
    15                       <TextBlock HorizontalAlignment="Center" Text="{Binding Amount}"></TextBlock>
    16                   </DataTemplate>
    17               </DataGridTemplateColumn.CellTemplate>
    18           </DataGridTemplateColumn>
    19       </DataGrid.Columns>
    20   </DataGrid>

    
    
  • 相关阅读:
    职责链模式——行为型模式(1)
    创建型模式总结
    命令模式——行为型模式(2)
    桥接模式——结构型模式(2)
    享元模式——结构型模式(6)
    外观模式——结构型模式(5)
    适配器模式——结构型模式(1)
    组合模式——结构型模式(3)
    oencv学习(10)opencv mul()每个元素相乘
    oencv学习(8)背景消除
  • 原文地址:https://www.cnblogs.com/sjqq/p/6633425.html
Copyright © 2011-2022 走看看