2010-02-26 3 views
5

У меня есть поле со списком, который основан на шаблоне данных ВКЛЮЧАЕТ флажки, как например:«по умолчанию» Текст для шаблонного со списком

<ComboBox x:Name="cboComplex" Text="Select days..."> 
     <ComboBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Horizontal"> 
        <CheckBox IsChecked="{Binding Path=IsSelected}" Width="20"/> 
        <TextBlock Text="{Binding DayOfWeek}" Width="100" /> 
       </StackPanel> 
      </DataTemplate> 

     </ComboBox.ItemTemplate> 
    </ComboBox> 

Проблема у меня в том, что я бы хотел, combobox для отображения «Выбрать дни ...», а затем отобразить список при нажатии. К сожалению, настройка свойства Text кажется неэффективной. Любые идеи или помощь будут высоко оценены.

Заранее благодарен!

Sieg

ответ

2

Вы должны создать новый элемент в вашей основной класс коллекции со значением «Select Days ...», с индексом [0] и изменить выбранный индекс 0.

<ComboBox x:Name="cboComplex" SelectedIndex="0"> 
     <ComboBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Horizontal"> 
        <CheckBox IsChecked="{Binding Path=IsSelected}" Width="20"/> 
        <TextBlock Text="{Binding DayOfWeek}" Width="100" /> 
       </StackPanel> 
      </DataTemplate> 

     </ComboBox.ItemTemplate> 
    </ComboBox> 

Или другой вариант - нанести надпись над текстом «Выбрать дни ...», а затем прослушать событие OnSelectionChanged, а если SelectedIndex не равен -1, измените видимость ярлыков на false, иначе верно. например

private void MyListBox_SelectionChanged(object sender, SelectionChangedEventArgs e) 
    { 
     if (MyListBox.SelectedIndex >= 0) 
     { 
      MyListBoxInitialLabel.Visibility = Visibility.Hidden; 
     } 
     else 
     { 
      MyListBoxInitialLabel.Visibility = Visibility.Visible; 
     } 
    } 
5

Свойство Text используется, когда ComboBox доступен для редактирования. Вы можете установить сообщение типа «Выбрать» по умолчанию, добавив элемент в ControlTemplate, который появляется только тогда, когда нет выбора, а затем исчезает. Используя этот метод, вам не нужно беспокоиться об изменении вашей коллекции или попытке пользователя выбрать сообщение «Выбрать» из списка, потому что оно не входит в список. Я бы рекомендовал использовать тег, чтобы установить сообщение на каждом экземпляре или в стиле, а затем добавить новый TextBlock, чтобы отобразить его в шаблон по умолчанию:

<TextBlock x:Name="SelectMessage" HorizontalAlignment="Left" Text="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Tag}" VerticalAlignment="Center" Margin="{TemplateBinding Padding}" Visibility="Collapsed"/> 

Тогда вы могли бы использовать его как это:

<ComboBox ItemsSource="{Binding MyList}" Template="{StaticResource ComboBoxMessageTemplate}" Tag="Select days..."/> 

Вот полная сгенерированная копия шаблона Aero ComboBox по умолчанию с изменениями. Вы также будете нуждаться в тему пространство имен (Xmlns: Microsoft_Windows_Themes = "CLR-пространства имена: Microsoft.Windows.Themes; сборочный = PresentationFramework.Aero") и ссылка на сборку PresentationFramework.Aero:

<Geometry x:Key="DownArrowGeometry">M 0 0 L 3.5 4 L 7 0 Z</Geometry> 
<Style x:Key="ComboBoxReadonlyToggleButton" TargetType="{x:Type ToggleButton}"> 
    <Setter Property="OverridesDefaultStyle" Value="true"/> 
    <Setter Property="IsTabStop" Value="false"/> 
    <Setter Property="Focusable" Value="false"/> 
    <Setter Property="ClickMode" Value="Press"/> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ToggleButton}"> 
       <Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}"> 
        <Grid HorizontalAlignment="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}"> 
         <Path x:Name="Arrow" Fill="Black" HorizontalAlignment="Center" Margin="3,1,0,0" VerticalAlignment="Center" Data="{StaticResource DownArrowGeometry}"/> 
        </Grid> 
       </Microsoft_Windows_Themes:ButtonChrome> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsChecked" Value="true"> 
         <Setter Property="RenderPressed" TargetName="Chrome" Value="true"/> 
        </Trigger> 
        <Trigger Property="IsEnabled" Value="false"> 
         <Setter Property="Fill" TargetName="Arrow" Value="#AFAFAF"/> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<ControlTemplate x:Key="ComboBoxMessageTemplate" TargetType="{x:Type ComboBox}"> 
    <Grid x:Name="MainGrid" SnapsToDevicePixels="true"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/> 
     </Grid.ColumnDefinitions> 
     <Popup x:Name="PART_Popup" Margin="1" AllowsTransparency="true" IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}" Placement="Bottom" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Grid.ColumnSpan="2"> 
      <Microsoft_Windows_Themes:SystemDropShadowChrome x:Name="Shdw" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{Binding ActualWidth, ElementName=MainGrid}" Color="Transparent"> 
       <Border x:Name="DropDownBorder" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1"> 
        <ScrollViewer CanContentScroll="true"> 
         <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" KeyboardNavigation.DirectionalNavigation="Contained"/> 
        </ScrollViewer> 
       </Border> 
      </Microsoft_Windows_Themes:SystemDropShadowChrome> 
     </Popup> 
     <ToggleButton Style="{StaticResource ComboBoxReadonlyToggleButton}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"/> 
     <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" IsHitTestVisible="false" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"/> 
     <TextBlock x:Name="SelectMessage" HorizontalAlignment="Left" Text="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Tag}" VerticalAlignment="Center" Margin="{TemplateBinding Padding}" Visibility="Collapsed"/> 
    </Grid> 
    <ControlTemplate.Triggers> 
     <Trigger Property="SelectedItem" Value="{x:Null}"> 
      <Setter Property="Visibility" TargetName="SelectMessage" Value="Visible"/> 
     </Trigger> 
     <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="HasItems" Value="false"> 
      <Setter Property="Height" TargetName="DropDownBorder" Value="95"/> 
     </Trigger> 
     <Trigger Property="IsEnabled" Value="false"> 
      <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
      <Setter Property="Background" Value="#FFF4F4F4"/> 
     </Trigger> 
     <Trigger Property="IsGrouping" Value="true"> 
      <Setter Property="ScrollViewer.CanContentScroll" Value="false"/> 
     </Trigger> 
    </ControlTemplate.Triggers> 
</ControlTemplate> 
+1

+1 Спасибо, хороший ответ. Только одна добавочная вещь для добавления в TextBlock - HitTestVisible = «False». –

+0

Хорошее обходное решение, как чистая XAML, так и отсутствие злоупотребления текстом, выигрывают все вокруг :) – dain

2

Показать по умолчанию текст в поле со списком

<ComboBox Height="23" HorizontalAlignment="Left" Margin="180,18,0,0" Name="cmbExportData" VerticalAlignment="Top" Width="148" ItemsSource="{Binding}" Text="-- Select Value --" AllowDrop="False" IsEditable="True" IsManipulationEnabled="False" IsReadOnly="True" /> 
  • Установите свойства текста Combo Box
  • Отметить как IsEditable = true
  • Отметить как IsReadOnly = true
Смежные вопросы