How do I change the WPF Expander Header Text when expanded or collapsed?
Using a WPF expand开发者_高级运维er, I want the Header to change from See More to See Less when the control is expanded, and back to See More when it's collapsed again. I'd prefer a WPF pure solution, rather than a C# or other code behind method. I get the feeling this should be easy, but I'm struggling for the right terms to get a solution via google.
Thanks!
You could probably do this in a style trigger:
<Expander>
<Expander.Style>
<Style TargetType="Expander">
<Setter Property="IsExpanded" Value="False" />
<Setter Property="Header" Value="See More" />
<Style.Triggers>
<DataTrigger Binding="{Binding IsExpanded,RelativeSource={RelativeSource Self}}" Value="True">
<Setter Property="Header" Value="See Less" />
</DataTrigger>
</Style.Triggers>
</Style>
</Expander.Style>
</Expander>
That's untested, but it should give you something to go on.
Old (I know), but this can be done with using two simple Trigger
without binding:
<Expander>
<Expander.Style>
<Style TargetType="Expander" >
<Style.Triggers>
<Trigger Property="IsExpanded" Value="True">
<Setter Property="Header" Value="See Less" />
</Trigger>
<Trigger Property="IsExpanded" Value="False">
<Setter Property="Header" Value="See More" />
</Trigger>
</Style.Triggers>
</Style>
</Expander.Style>
</Expander>
精彩评论