WPF DataGridColumn条件控件



我目前在数据网格中显示一个超链接,定义如下:

  <DataGridHyperlinkColumn Header="Item" Binding="{Binding Item, Mode=OneWay}">
    <DataGridHyperlinkColumn.ElementStyle>
      <Style>
        <EventSetter Event="Hyperlink.Click" Handler="ButtonItemInfo_OnClick"/>
      </Style>
    </DataGridHyperlinkColumn.ElementStyle>
  </DataGridHyperlinkColumn>

我想改变这有条件地显示一个超链接或标签(或文本块)。因此,如果绑定值是"SH",我想显示标签。否则我需要超链接

我怎样才能做到这一点?

我会将Hyperlink绑定到命令,并在CanExecute中有条件地返回false。您可以为禁用状态设置超链接的样式。

<DataGrid ItemsSource="{Binding Items}">
  <DataGrid.Columns>
    <DataGridTemplateColumn Header="Item">
      <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
          <TextBlock>
            <Hyperlink Command="{Binding DataContext.Navigate, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"
                       CommandParameter="{Binding}">                  
                 <TextBlock Text="{Binding}" />
            </Hyperlink>
        </TextBlock>
        </DataTemplate>
      </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
  </DataGrid.Columns>
</DataGrid>

和ViewModel:

    public ObservableCollection<string> Items
    {
        get;
        set;
    }
    public ICommand Navigate
    {
        get
        {
            return new RelayCommand(
                (param) => DoNavigate(param as string), // execute
                (param) =>                              // can execute
                {
                    var link = param as string;
                    return link != "SH";
                });
        }
    }

如果你真的需要一个文本框的一些行,你可以使用一个DataTrigger在列单元格样式。

<DataGrid ItemsSource="{Binding Items}">
  <DataGrid.Columns>
    <DataGridTemplateColumn Header="Item">
      <DataGridTemplateColumn.CellStyle>
        <Style TargetType="DataGridCell">
          <Setter Property="Template">
            <Setter.Value>
             <!-- Template for normal rows -->
              <ControlTemplate>
                <TextBlock>
                  <Hyperlink Command="{Binding DataContext.Navigate, 
                               RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"
                             CommandParameter="{Binding}">                  
                    <TextBlock Text="{Binding}" />
                  </Hyperlink>
                </TextBlock>
              </ControlTemplate>
            </Setter.Value>
          </Setter>
          <Style.Triggers>
            <DataTrigger Binding="{Binding}" Value="SH">
              <Setter Property="Template">
                <Setter.Value>
                  <!-- Template for SH rows -->
                  <ControlTemplate>
                    <TextBlock Text="{Binding}" />
                  </ControlTemplate>
                </Setter.Value>
              </Setter>
            </DataTrigger>
          </Style.Triggers>
        </Style>
      </DataGridTemplateColumn.CellStyle>
    </DataGridTemplateColumn>
  </DataGrid.Columns>
</DataGrid>

最新更新