James Zhou's blog

MCAD / PMP

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]jameszhou的公告

<a href="http://www3.clustrmaps.com/counter/maps.php?url=http://blog.csdn.net/jameszhou" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=http://blog.csdn.net/jameszhou" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onError="this.onError=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com'" /> </a> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2352414-1"; urchinTracker(); </script> <br/> <br/> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

[编辑]文章分类

[编辑]链接

Colleague & Microsoft Team System MVP: Wilson Wu (RSS)

Old Blog - Runner on .NET

存档

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

客户要求在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>