如何将按钮添加到数据网格的最后一行/新行?

问题描述:

我想显示一个弹出窗口,通过在数据网格的最后一行添加一个按钮来帮助用户向数据网格添加新行。我觉得必须有DataGridTemplateColumn属性我必须为newrow/addrow模板设置?如何将按钮添加到数据网格的最后一行/新行?

+0

我建议将该按钮放置在DataGrid附近,而不是在它内部。这将使它更容易和更清洁。 – icebat

你可以做的是写一个样式“DataGridRow”作为

氏的工作实例

<Style x:Type="DataGridRow"> 
<Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type DataGridRow}"> 
        <Grid Background="{TemplateBinding Background}"> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="*"/> 
          <ColumnDefinition Width="auto"/> 
         </Grid.ColumnDefinitions> 
         <ContentPresenter Grid.Column="0" /> 
         <Button Visibility = "{Binding IsLastRow}"/>!--can set converter to convert boolean to visibilty as well. 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
</Style> 

所以绑定的属性基本检查的最后一排的逻辑。(我不确定wpf datagrid本身是否提供某种类型的属性,如“IsLastRow”,但如果没有的话,你可以编写自己的逻辑)。

在ContentTemplate中,您可以定义您的按钮处理程序或命令对象。

你可以使用一个DataGridRow风格与数据触发改变的最后一排的模板:

<DataGrid x:Name="dgrid"> 
    <DataGrid.Resources> 
     <Style TargetType="{x:Type DataGridRow}"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding}" Value="{x:Static CollectionView.NewItemPlaceholder}"> 
        <Setter Property="Template"> 
         <Setter.Value> 
          <ControlTemplate TargetType="{x:Type DataGridRow}"> 
           <Border x:Name="DGR_Border" BorderBrush="{TemplateBinding BorderBrush}" 
               BorderThickness="{TemplateBinding BorderThickness}" 
               Background="{TemplateBinding Background}" SnapsToDevicePixels="True"> 
            <Grid> 
             <SelectiveScrollingGrid> 
              <SelectiveScrollingGrid.ColumnDefinitions> 
               <ColumnDefinition Width="Auto"/> 
               <ColumnDefinition Width="*"/> 
              </SelectiveScrollingGrid.ColumnDefinitions> 
              <SelectiveScrollingGrid.RowDefinitions> 
               <RowDefinition Height="*"/> 
               <RowDefinition Height="Auto"/> 
              </SelectiveScrollingGrid.RowDefinitions> 
              <DataGridCellsPresenter Grid.Column="1" ItemsPanel="{TemplateBinding ItemsPanel}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
              <DataGridDetailsPresenter Grid.Column="1" Grid.Row="1" SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Visibility="{TemplateBinding DetailsVisibility}"/> 
              <DataGridRowHeader Grid.RowSpan="2" SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/> 
             </SelectiveScrollingGrid> 
             <Button Content="Add New" /> 
            </Grid> 
           </Border> 
          </ControlTemplate> 
         </Setter.Value> 
        </Setter> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </DataGrid.Resources> 
</DataGrid> 

或者 - 如果你想要把按钮在一个特定的列 - 你可以使用一个DataGridTemplateColumn与一个CellTemplate使用类似的数据触发器:

<DataGrid x:Name="dgrid"> 
    <DataGrid.Columns> 
     <DataGridTemplateColumn> 
      <DataGridTemplateColumn.CellTemplate> 
       <DataTemplate> 
        <Grid> 
         <TextBlock>...</TextBlock> 
         <Button x:Name="btn" Content="Add" Visibility="Collapsed" /> 
        </Grid> 
        <DataTemplate.Triggers> 
         <DataTrigger Binding="{Binding Path=DataContext, RelativeSource={RelativeSource AncestorType=DataGridRow}}" 
              Value="{x:Static CollectionView.NewItemPlaceholder}"> 
          <Setter TargetName="btn" Property="Visibility" Value="Visible" /> 
         </DataTrigger> 
        </DataTemplate.Triggers> 
       </DataTemplate> 
      </DataGridTemplateColumn.CellTemplate> 
     </DataGridTemplateColumn> 
    </DataGrid.Columns> 
</DataGrid>