是否可以根据 Silverlight 4 中的可绑定属性动态选择要渲染的控件？

Question

我有一个带有 ItemTemplate 的 ListBox，它呈现一个具有两列的网格。第一列是 TextBlock，第二列是 ComboBox。

这个想法是向用户呈现一个问题列表和一个组合，用户可以从中选择答案。这与这个 xaml 一起工作正常：

 
            
                <数据模板>
                    <网格 d:DesignWidth="931" d:DesignHeight="61" d:IsLocked="True" 边距="0">
                        
                            
                            
                        
                        
                        
                            
                                <数据模板>
                                    
                                        <文本框.背景>
                                            >
                                        
                                    
                                
                            
                        
                    
                
            
        

将 TextBox 放入 DataTemplate 中（而不是 TextBlock）的原因是我第一次尝试允许用户除了从下拉列表中进行选择之外还可以输入自由文本。不过，这是可行的，文本框位于组合框内。那不是我想要的。

是否可以基于某些可绑定属性渲染“普通”文本框而不是组合框？

因此，如果属性 InputType==FreeText 则使用 TextBox 呈现视图，如果属性为 Inputtype==Combo 则按上述方式呈现？

t。

Answer 1

针对您的特定问题的一个简单解决方案是在 Visibility 属性上包含两者并使用值转换器：-

public class EqualityToValueConverter<T> : IValueConverter
{
    public T FalseValue { get; set; }
    public T TrueValue { get; set; }

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (value == null)
            return FalseValue;
        else
            return value.ToString().Equals(parameter) ? TrueValue : FalseValue;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return value != null && value.Equals(TrueValue) ? parameter : null;
    }
}

public class EqualityToVisibilityConverter : EqualityToValueConverter<Visibility> { }

那么您的 Xaml 可能如下所示：-

    <ListBox x:Name="QAListBox" ScrollViewer.VerticalScrollBarVisibility="Auto" SelectedIndex="-1"     
         ItemsSource="{Binding Questions}" IsTabStop="True" TabIndex="5"     
         ScrollViewer.HorizontalScrollBarVisibility="Auto" Margin="10" BorderThickness="0">
        <ListBox.Resources>
          <local:EqualityToVisibilityConverter x:Key="converter"
            TrueValue="Visible" FalseValue="Collapsed" />
        </ListBox.Resources>    
        <ListBox.ItemTemplate>    
            <DataTemplate>    
                <Grid d:DesignWidth="931" d:DesignHeight="61" d:IsLocked="True" Margin="0">    
                    <Grid.ColumnDefinitions>    
                        <ColumnDefinition Width=".80*" MinWidth="800"/>    
                        <ColumnDefinition Width=".20*" MinWidth="200"/>    
                    </Grid.ColumnDefinitions>    
                    <TextBlock Text="{Binding Path=QuestionText}" Padding="10" FontSize="21.333" FontWeight="Bold" Margin="0" Grid.Column="0" d:IsLocked="True" />    
                    <ComboBox ItemsSource="{Binding Path=AnswerAlternative}"     
                        SelectedValue="{Binding Path=QuestionsAndAnswers}" SelectedValuePath="AnswerAlternativeId"     
                        FontSize="21.333" FontWeight="Bold" Grid.Column="1" Margin="60,0,0,0" d:IsLocked="True" SelectionChanged="ComboBox_SelectionChanged"
                        Visibility={Binding InputType, Converter={StaticResource converter}, ConverterParameter=Combo}">    
                    <TextBox Text="{Binding Path=AnswerText, Mode=TwoWay}" Grid.Column="1" Margin="60,0,0,0"
                      Visibility={Binding InputType, Converter={StaticResource converter}, ConverterParameter=FreeText}">             
                </Grid>    
            </DataTemplate>    
        </ListBox.ItemTemplate>    
    </ListBox>

更复杂的解决方案将使用 ListBox 的子类和override 或 PrepareContainerForItemOverride 以允许分配各种 ItemTemplate。但我认为这对于这个问题来说有点过分了。