如何在 SIlverlight 中设置选定/当前/活动 ComboBoxItem 的样式？

Question

由于某种原因，ComboBoxes 中的选定项目根本没有样式。 这是我的用户控制资源

 <UserControl.Resources>
        <Style x:Key="cmbox" TargetType="ComboBox">
            <Setter Property="Background" Value="#3A3D9E"/>
            <Setter Property="Foreground" Value="DarkBlue"/>

        </Style>
        <Style x:Key="cmboxItem" TargetType="ComboBoxItem">
            <Setter Property="Background" Value="#3A3D9E"/>
            <Setter Property="BorderBrush" Value="AliceBlue"/>
            <Setter Property="Foreground" Value="DarkBlue"/>
        </Style>

还有代码……

 <sdk:DataGridTextColumn Binding="{Binding Benamning}" Header="Benämning"/>
                            <sdk:DataGridTextColumn Binding="{Binding Antal}" Header="Antal"/>
                            <sdk:DataGridTemplateColumn Header="Item">
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel>
                                            <StackPanel.Resources>
                                                <Style BasedOn="{StaticResource cmbox}" TargetType="ComboBox"/>
                                                <Style BasedOn="{StaticResource cmboxItem}" TargetType="ComboBoxItem"/>
                                            </StackPanel.Resources>
                                            <ComboBox SelectedIndex="0">
                                                <ComboBoxItem >Item1</ComboBoxItem>
                                                <ComboBoxItem >Item2</ComboBoxItem>
                                                <ComboBoxItem >Item3</ComboBoxItem>
                                            </ComboBox>
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                                <sdk:DataGridTextColumn Binding="{Binding Dis_saldo}" Header="Disponibelt Saldo"/>
                </sdk:DataGrid.Columns>

打印屏幕：

**编辑：格林威治标准时间 2014 年 8 月 20 日 12:30。在这里查看我的更改：**

  <sdk:DataGridTemplateColumn Header="Item">
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>

                                        <StackPanel>
                                            <StackPanel.Resources>
                                                <Style BasedOn="{StaticResource cmbox}" TargetType="ComboBox"/>
                                                <Style BasedOn="{StaticResource cmboxItem}" TargetType="ComboBoxItem"/>
                                            </StackPanel.Resources>
                                            <ComboBox  x:Name="TheCombo">
                                                <ComboBoxItem >Item1</ComboBoxItem>
                                                <ComboBoxItem >Item2</ComboBoxItem>
                                                <ComboBoxItem >Item3</ComboBoxItem>
                                            </ComboBox>
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                                <sdk:DataGridTemplateColumn.CellEditingTemplate>
                                    <DataTemplate>
                                        <TextBlock  Text="{Binding SelectionBoxItem, ElementName=TheCombo}">
                                        </TextBlock>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellEditingTemplate>
                            </sdk:DataGridTemplateColumn>

不工作:(

Answer 1

好的，所以您的问题是您只使用 CellTemplate，您需要合并 CellEditingTemplate 以便您的 ComboBox 仅在该单元格被编辑时出现，YourComboBox 的行为似乎符合预期（尽管不知道为什么您会想要在如此黑暗的背景上使用如此黑暗的文本）然后当它失去焦点时，您会看到它看起来像 DataGrid 上的其他所有内容。所以（另见 cmets）类似的东西；

<sdk:DataGridTextColumn Binding="{Binding Benamning}" Header="Benämning"/>
  <sdk:DataGridTextColumn Binding="{Binding Antal}" Header="Antal"/>
  <sdk:DataGridTemplateColumn Header="Item">
    <sdk:DataGridTemplateColumn.CellTemplate>
      <DataTemplate>
      <!-- PS, ya don't need this StackPanel but I'll leave it in here. -->
        <StackPanel>
          <StackPanel.Resources>
            <Style BasedOn="{StaticResource cmbox}" TargetType="ComboBox"/>
            <Style BasedOn="{StaticResource cmboxItem}" TargetType="ComboBoxItem"/>
          </StackPanel.Resources>
          <ComboBox SelectedIndex="0" x:Name="TheCombo">
            <ComboBoxItem >Item1</ComboBoxItem>
            <ComboBoxItem >Item2</ComboBoxItem>
            <ComboBoxItem >Item3</ComboBoxItem>
          </ComboBox>
        </StackPanel>
      </DataTemplate>
    </sdk:DataGridTemplateColumn.CellTemplate>
    <sdk:DataGridTemplateColumn.CellEditingTemplate>
      <DataTemplate>
        <!-- Not sure if it's SelectedValue, or SelectedItem, or Text, or whatever
             you'll need to bind to to display the selected item from your ComboBox
             you have in your CellTemplate but you get the jist -->
        <TextBlock Text="{Binding SelectedValue, ElementName=TheCombo}"/>
      </DataTemplate>
    </sdk:DataGridTemplateColumn.CellEditingTemplate>    
  </sdk:DataGridTemplateColumn>
  <sdk:DataGridTextColumn Binding="{Binding Dis_saldo}" Header="Disponibelt Saldo"/>
</sdk:DataGrid.Columns>

希望这会有所帮助，干杯。