WPF中DataGrid解析

效果如图:

代码如下:

cs 复制代码
<DataGrid Grid.Row="1" x:Name="dataGrid" ItemsSource="{Binding DataList}" AutoGenerateColumns="False"
   SelectedItem="{Binding SelectedItem,UpdateSourceTrigger=PropertyChanged}" IsReadOnly="True"
   ColumnHeaderStyle="{StaticResource UnitColumnHeader}" RowHeaderWidth="0" 
   ScrollViewer.HorizontalScrollBarVisibility="Hidden" >
    <DataGrid.Columns>
        <DataGridTextColumn Width="1.5*"  Header="CoilId"  Binding="{Binding COIL_ID}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1.2*"  Header="AlloyId" Binding="{Binding ALLOY_ID}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1*"    Header="Entry Thickness&#x0a;[mm]" Binding="{Binding ENTRY_THICKNESS}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1*"    Header="Exit Thickness&#x0a;[mm]" Binding="{Binding EXIT_THICKNESS}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1*"    Header="Exit Diam&#x0a;[mm]" Binding="{Binding COIL_DIAM}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1*"    Header="Exit Length&#x0a;[mm]" Binding="{Binding COIL_LENGTH}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1.2*"  Header="StartTime" Binding="{Binding START_TIME}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1.2*"  Header="EndTime" Binding="{Binding STOP_TIME}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTextColumn Width="1.2*"  Header="TotalTime" Binding="{Binding DURATIONTIME}"  ElementStyle="{StaticResource MyDataGridCellStyle}"/>
        <DataGridTemplateColumn Width="1.2*"  Header="PDF" >
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Button Content="{Binding COIL_ID}" Width="196"  Style="{StaticResource BasicButtonStyle}"  Command="{Binding DataContext.MakePDFReport,RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

1、给单个的列设置新的组件:在DataTemplate里设置

<DataGridTemplateColumn Width="1.2*" Header="PDF" >

<DataGridTemplateColumn.CellTemplate>

<DataTemplate>

<Button Content="{Binding COIL_ID}" Width="196" Style="{StaticResource BasicButtonStyle}" Command="{Binding DataContext.MakePDFReport,RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />

</DataTemplate>

</DataGridTemplateColumn.CellTemplate>

</DataGridTemplateColumn>

2、点击按钮 获取到相应数据

在DataGrid的属性SelectedItem绑定单个数据源

SelectedItem="{Binding SelectedItem,UpdateSourceTrigger=PropertyChanged}"

3、DataGrid里的事件绑定特殊:

Command="{Binding DataContext.MakePDFReport,RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"

4、 中英文切换时DataGridTextColumn中header不能实现实时切换时:

<DataGridTextColumn Width="1*" Binding="{Binding EXIT_THICKNESS}" ElementStyle="{StaticResource MyDataGridCellStyle}">

<DataGridTextColumn.Header>

<TextBlock Text="{DynamicResource ExitThickness}" />

</DataGridTextColumn.Header>

</DataGridTextColumn>

以上即可实现实时动态绑定

相关推荐
玖笙&2 天前
✨WPF编程基础【2.1】布局原则
c++·wpf·visual studio
玖笙&2 天前
✨WPF编程基础【2.2】:布局面板实战
c++·wpf·visual studio
SEO-狼术2 天前
.NET WPF 数据编辑器集合提供列表框控件
.net·wpf
FuckPatience6 天前
WPF 具有跨线程功能的UI元素
wpf
诗仙&李白6 天前
HEFrame.WpfUI :一个现代化的 开源 WPF UI库
ui·开源·wpf
He BianGu7 天前
【笔记】在WPF中Binding里的详细功能介绍
笔记·wpf
He BianGu7 天前
【笔记】在WPF中 BulletDecorator 的功能、使用方式并对比 HeaderedContentControl 与常见 Panel 布局的区别
笔记·wpf
123梦野8 天前
WPF——效果和可视化对象
wpf
He BianGu8 天前
【笔记】在WPF中Decorator是什么以及何时优先考虑 Decorator 派生类
笔记·wpf
时光追逐者8 天前
一款专门为 WPF 打造的开源 Office 风格用户界面控件库
ui·开源·c#·.net·wpf