2017-03-28 176 views
0

以下是我的組合框的模板。外觀很棒,綁定工作正常。然而,當我在列表中選擇一個項目 - 選擇的項目沒有正確顯示在框中 - 而是我得到一個長字符串值(即:common.Dto.CityDto),這實際上是我找到的Dto的文件位置以便綁定列表。奇怪的。 謝謝!wpf組合框選定的項目沒有正確顯示

<ControlTemplate x:Key="GrayComboBox" TargetType="{x:Type ComboBox}"> 
     <Border BorderBrush="#dee0e3" BorderThickness="2" Background="#dee0e3" SnapsToDevicePixels="True" CornerRadius="7"> 
      <Grid FlowDirection="RightToLeft"> 
       <Themes:ClassicBorderDecorator x:Name="Border" BorderBrush="#00000000" BorderThickness="2" BorderStyle="Sunken" Background="#dee0e3"> 
        <Popup x:Name="PART_Popup" AllowsTransparency="True" Focusable="False" IsOpen="{TemplateBinding IsDropDownOpen}" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom"> 
         <Themes:SystemDropShadowChrome x:Name="Shdw" Color="Transparent" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{Binding ActualWidth, ElementName=Border}"> 
          <Border x:Name="DropDownBorder" BorderBrush="#dee0e3" BorderThickness="1" Background="#dee0e3"> 
           <ScrollViewer x:Name="DropDownScrollViewer" > 
            <Grid RenderOptions.ClearTypeHint="Enabled" > 
             <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0"> 
              <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=DropDownBorder}" Height="{Binding ActualHeight, ElementName=DropDownBorder}" Width="{Binding ActualWidth, ElementName=DropDownBorder}"/> 
             </Canvas> 
             <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
            </Grid> 
           </ScrollViewer> 
          </Border> 
         </Themes:SystemDropShadowChrome> 
        </Popup> 
       </Themes:ClassicBorderDecorator> 
       <DockPanel Margin="2"> 
        <FrameworkElement DockPanel.Dock="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"/> 
        <Border x:Name="SelectedItemBorder" Margin="{TemplateBinding Padding}"> 
         <ContentPresenter ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
        </Border> 
       </DockPanel> 
       <ToggleButton ClickMode="Press" HorizontalAlignment="Right" Focusable="False" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="2" MinWidth="0" MinHeight="0" Width="Auto"> 
        <ToggleButton.Style> 
         <Style TargetType="{x:Type ToggleButton}"> 
          <Setter Property="MinWidth" Value="0"/> 
          <Setter Property="MinHeight" Value="0"/> 
          <Setter Property="Width" Value="Auto"/> 
          <Setter Property="Height" Value="Auto"/> 
          <Setter Property="Background" Value="Transparent"/> 
          <Setter Property="BorderBrush" Value="#00000000"/> 
          <Setter Property="BorderThickness" Value="2"/> 
          <Setter Property="Margin" Value="2,2,2,2" /> 
          <Setter Property="Template"> 
           <Setter.Value> 
            <ControlTemplate TargetType="{x:Type ToggleButton}"> 
             <DockPanel Background="{TemplateBinding Background}" LastChildFill="False" SnapsToDevicePixels="True"> 
              <Themes:ClassicBorderDecorator x:Name="Border" BorderBrush="Transparent" BorderThickness="{TemplateBinding BorderThickness}" BorderStyle="AltRaised" Background="Transparent" DockPanel.Dock="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"> 
               <!--<Path Data="M0,0L3.5,4 7,0z" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" VerticalAlignment="Center"/>--> 
               <fa:ImageAwesome Icon="CaretDown" Foreground="DarkGray" Width="13" Height="10" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
              </Themes:ClassicBorderDecorator> 
             </DockPanel> 
             <ControlTemplate.Triggers> 
              <Trigger Property="IsChecked" Value="True"> 
               <Setter Property="BorderStyle" TargetName="Border" Value="AltPressed"/> 
              </Trigger> 
             </ControlTemplate.Triggers> 
            </ControlTemplate> 
           </Setter.Value> 
          </Setter> 
          <Style.Triggers> 
           <Trigger Property="IsEnabled" Value="False"> 
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/> 
           </Trigger> 
          </Style.Triggers> 
         </Style> 
        </ToggleButton.Style> 
       </ToggleButton> 
      </Grid> 
     </Border> 
     <ControlTemplate.Triggers> 
      <MultiTrigger> 
       <MultiTrigger.Conditions> 
        <Condition Property="IsSelectionBoxHighlighted" Value="True"/> 
        <Condition Property="IsDropDownOpen" Value="False"/> 
       </MultiTrigger.Conditions> 
       <Setter Property="Foreground" Value="#006165"/> 
      </MultiTrigger> 
      <Trigger Property="IsSelectionBoxHighlighted" Value="True"> 
       <Setter Property="Background" TargetName="SelectedItemBorder" Value="#dee0e3"/> 
      </Trigger> 
      <Trigger Property="HasItems" Value="False"> 
       <Setter Property="MinHeight" TargetName="DropDownBorder" Value="95"/> 
      </Trigger> 
      <Trigger Property="IsEnabled" Value="False"> 
       <Setter Property="Foreground" Value="DarkGray"/> 
       <Setter Property="Background" Value="#dee0e3"/> 
      </Trigger> 
      <MultiTrigger> 
       <MultiTrigger.Conditions> 
        <Condition Property="IsGrouping" Value="True"/> 
        <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="False"/> 
       </MultiTrigger.Conditions> 
       <Setter Property="ScrollViewer.CanContentScroll" Value="False"/> 
      </MultiTrigger> 
      <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="True"> 
       <Setter Property="Margin" TargetName="Shdw" Value="0,0,5,5"/> 
       <Setter Property="Color" TargetName="Shdw" Value="#71000000"/> 
      </Trigger> 
      <Trigger Property="CanContentScroll" SourceName="DropDownScrollViewer" Value="False"> 
       <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/> 
       <Setter Property="Canvas.Left" TargetName="OpaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/> 
      </Trigger> 
     </ControlTemplate.Triggers> 
    </ControlTemplate> 
+0

哪裏模板隊友 – Peter

+0

無關,與你的模板;將DisplayName設置爲你想顯示在你的屬性點對象 – GCamel

+0

GCamel-我在組合框上有這個:SelectedValue =「{Binding Model.CityId,UpdateSourceTrigger = PropertyChanged}」SelectedValuePath =「Id」DisplayMemberPath =「Display」 – Yitta

回答

0

你忘了設置ContentPresenterContentTemplateSelector屬性:

<ContentPresenter ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
+0

謝謝你,很好地工作! – Yitta

相關問題