根据条件更改DataTemplate

时间:2012-08-18 16:21:23

标签: silverlight silverlight-4.0 silverlight-5.0

我有3个用户控件

控制1
控制2
控制3

我有一个包含ItemsControl的堆栈面板

<UserControl.Resources>
  <DataTemplate x:Key="Template1">  
      <my:UserControl1 Height="117"/>              
 </DataTemplate>    
 <DataTemplate x:Key="Template2">
  <my:UserControl3 Height="117"/>            
 </DataTemplate>    
 <DataTemplate x:Key="Template3">
   <my:UserControl3 Height="117"/>            
  </DataTemplate>    
</UserControl.Resources>  

<StackPanel Name="stackPanel3" Orientation="Vertical" VerticalAlignment="Bottom" Width="Auto">
  <ItemsControl ItemsSource="{Binding BlocksForMonth.Blocks}" ItemTemplate="{StaticResource Template1}">      
  </ItemsControl>
</StackPanel>

BlocksForMonths.Blocks是一个视图模型列表。 Blocks类有一个名为ClipType的属性。如果clipType为1,我想使用Template1。如果它2我想使用模板2.如果它3我想使用模板3

这些模板包含不同的用户控件

我怎么能通过绑定来做到这一点?

我已经考虑了3个控件的1个模板,但我不知道如何绑定可见性?

在这个XAML中,我绑定到的列表不是单个项目

1 个答案:

答案 0 :(得分:2)

我会将3个控件放在同一个模板中,并使用Visibility显示正确的控件。我要做的是构建一个IValueConverter来转换决定值(你的情况是它的ClipType)并将其与ConverterParameter进行比较。如果它们相等,则返回Visibility.Visible,否则返回Visibility.Collapsed。

<UserControl.Resources>
    <my:ClipTypeToVisibilityConverter x:Key="converter"/>
    <DataTemplate x:Key="Template">
        <StackPanel>  
            <my:UserControl1 Height="117" Visibility={Binding ClipType, Converter={StaticResource converter}, ConverterParameter=1} />              
            <my:UserControl2 Height="117" Visibility={Binding ClipType, Converter={StaticResource converter}, ConverterParameter=2} />            
            <my:UserControl3 Height="117" Visibility={Binding ClipType, Converter={StaticResource converter}, ConverterParameter=3} />            
        </StackPanel>
    </DataTemplate>    
</UserControl.Resources>  

<StackPanel Name="stackPanel3" Orientation="Vertical" VerticalAlignment="Bottom" Width="Auto">
      <ItemsControl ItemsSource="{Binding BlocksForMonth.Blocks}" ItemTemplate="{StaticResource Template}">      
      </ItemsControl>
</StackPanel>

此示例假定ClipType属性位于正在显示的列表中的每个项目视图模型上。

这是一个C#示例转换器。

    public class ClipTypeToVisibilityConverter: IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
                var clipType = value.ToString();

                if (clipType == (string)parameter))
                    return Visibility.Visible;

                return Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

对不起,一切都是空邮代码。但我认为你明白了。