在Telerik RadTabControl中的Tab Header添加关闭按钮

最新推荐文章于 2023-02-11 21:52:40 发布

jameszhouhvs

最新推荐文章于 2023-02-11 21:52:40 发布

阅读量6.1k

点赞数

分类专栏： Tips and Resources Silverlight .NET 文章标签： header datatemplate binding setter tabs button

本文链接：https://blog.csdn.net/jameszhou/article/details/4204223

版权

Tips and Resources 同时被 3 个专栏收录

209 篇文章 0 订阅

订阅专栏

.NET

110 篇文章 0 订阅

订阅专栏

Silverlight

90 篇文章 0 订阅

订阅专栏

客户要求在TabStrip中增加一个关闭按钮，Telerik RadTabControl 默认并不支持此功能，但是可通过HeaderTemplate来实现

在RadTabControl的TabStrip中实现Close Button

xaml片段：

<telerikNavigation:RadTabControl x:Name="tabMain" Background="#FFFFFFFF"
          ItemsSource="{Binding Tabs}" SelectedItem="{Binding SelectedItem}">
            <telerikNavigation:RadTabControl.ItemContainerStyle>
                <Style TargetType="telerikNavigation:RadTabItem">
                    <Setter Property="HeaderTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <Grid Margin="3">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <TextBlock Text="{Binding Path=Header}" Cursor="Hand"
                                    Grid.Column="1" Margin="5 0 5 0" VerticalAlignment="Center" />
                                    <Button VerticalAlignment="Center" ToolTipService.ToolTip="Close"
                                    Grid.Column="2" Margin="2,0,0,0" Width="16" Height="16"
                                    Cursor="Hand" Click="CloseButton_Click">
                                        <StackPanel>
                                            <Image Source="images/red_cross.png" />
                                        </StackPanel>
                                    </Button>
                                </Grid>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <ContentControl Content="{Binding Content}" HorizontalContentAlignment="Stretch" ></ContentControl>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </telerikNavigation:RadTabControl.ItemContainerStyle>
        </telerikNavigation:RadTabControl>