1

以下に示すように、単純なコンボ ボックス テンプレートがあります。

<SolidColorBrush x:Key="NormalForegroundBrush" Color="Black" />
<SolidColorBrush x:Key="GlyphBrush" Color="#4c4c4c" />
<SolidColorBrush x:Key="WindowBackgroundBrush" Color="#FFF" />

<Style x:Key="ComboBoxStyle" TargetType="{x:Type ComboBox}" >               
    <Setter Property="TextElement.Foreground" Value="{StaticResource NormalForegroundBrush}"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ComboBox}">
                <Grid>
                    <ToggleButton ClickMode="Press" x:Name="ToggleButton" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Focusable="False" Grid.Column="2" />
                    <ContentPresenter Margin="3,3,23,3" HorizontalAlignment="Left" x:Name="ContentSite" VerticalAlignment="Center" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                            Content="{TemplateBinding SelectionBoxItem}" IsHitTestVisible="False" />
                    <TextBox Margin="3,3,23,3" Visibility="Hidden" HorizontalAlignment="Left" x:Name="PART_EditableTextBox" Background="Transparent"
                            VerticalAlignment="Center" Style="{x:Null}" IsReadOnly="False" Focusable="True" xml:space="preserve" />
                        <Popup Placement="Bottom" x:Name="Popup" Focusable="False" AllowsTransparency="True" IsOpen="{TemplateBinding IsDropDownOpen}" PopupAnimation="Fade">
                            <Grid MinWidth="{TemplateBinding ActualWidth}" MaxHeight="{TemplateBinding MaxDropDownHeight}" x:Name="DropDown" SnapsToDevicePixels="True">
                                <Border BorderBrush="#FF646464" BorderThickness="1,1,1,1" x:Name="DropDownBorder" Background="{StaticResource WindowBackgroundBrush}"/>
                                <ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True" >
                                        <ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained" Margin="5,0,0,0" />
                                </ScrollViewer>
                           </Grid>
                        </Popup>
                     </Grid>
                <ControlTemplate.Triggers>                        
                    <Trigger Property="IsEditable" Value="True">
                        <Setter Property="KeyboardNavigation.IsTabStop" Value="False"/>
                        <Setter Property="Visibility" TargetName="PART_EditableTextBox" Value="Visible"/>
                        <Setter Property="Visibility" TargetName="ContentSite" Value="Hidden"/>
                    </Trigger>                     
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>       
</Style>

以下に示すように、WPFウィンドウ：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="40"></RowDefinition>
        </Grid.RowDefinitions>
    <ComboBox Name="combo1" ItemsSource="{Binding}" Style="{StaticResource ComboBoxStyle}"></ComboBox>

</Grid>

C# コードは次のとおりです。

  private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        DataTable table = new DataTable("table1");
        table.Columns.Add("Dosage", typeof(int));           
        table.Columns.Add("Patient", typeof(string));

        table.Rows.Add(25, "David");
        table.Rows.Add(50, "Sam");
        table.Rows.Add(10, "Christoff");
        table.Rows.Add(21, "Janet");
        table.Rows.Add(100, "Melanie");

        combo1.DataContext = table;
        combo1.DisplayMemberPath = "Patient";
        combo1.SelectedValuePath = "Dosage";
    }

プロパティを IsEditable=True に設定すると、コンボボックスは正常に動作しますが、そのプロパティが False の場合、選択された項目が System.Data.DataRowView として表示されます。スタイルに問題はありませんか？

4

1 に答える 1

1

私が言ったように、スタイルに問題があり、ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" を ContentPresenter に追加するのを逃しました。追加したら解決しました。

于 2012-05-30T08:50:13.763 に答える