C1TabControl 当自定义Item模版后 CanUserClose 失效

登录

C1TabControl 当自定义Item模版后，即使给各Item设置CanUserClose=true ，tab标签上也不会显示关闭的 ‘x’ 了。请问有什么办法能够解决吗？

代码结构基本如下：
样式：

C1TabControl 标签定义：

Alice · Alice

回复 1楼zxc9089的帖子

进行测试的代码如下：

<c1:C1TabControl Name="c1Tab" TabItemClose="InEachTab" TabItemClosing="tabs_TabClosing">
<c1:C1TabItem Header="Sales Per Month" CanUserPin="True">
<local:SalesPerMonth />
</c1:C1TabItem>
<c1:C1TabItem Header="Sales Per Sales Agent">
<local:SalesPerAgents />
</c1:C1TabItem>
<c1:C1TabItem Header="Sales Agents">
<local:SalesAgents />
</c1:C1TabItem>
<c1:C1TabItem Header="Report Summary" CanUserPin="True">
<local:ReportSummary />
</c1:C1TabItem>
<c1:C1TabItem IsSelectable="False" CanUserClose="False" PreviewMouseLeftButtonDown="C1TabItem_MouseLeftButtonDown" Header="New">
<c1:C1TabItem.HeaderTemplate>
<DataTemplate>
<Grid Width="12" Height="12" Margin="2">
<Rectangle Fill="White" Height="10" Width="8" HorizontalAlignment="Right" VerticalAlignment="Bottom" />
<Rectangle Stroke="#FF111111" Height="10" Width="8" HorizontalAlignment="Right" VerticalAlignment="Bottom" Opacity="0.5" />
<Path Width="7" Height="7" HorizontalAlignment="Left" VerticalAlignment="Top" Data="M3.5,0 C3.77,0 4,0.44 4,1 L4,2.3 L4.9,1.38 C5.3,0.99 5.78,0.83 5.97,1 C6.17,1.2 6,1.7 5.6,2 L4.7,3 L6,3 C6.5,3 7,3.2 7,3.5 C7,3.77 6.55,4 6,4 L4.7,4 L5.6,4.9 C6,5.3 6.17,5.78 5.9,5.97 C5.78,6.17 5.3,6 4.9,5.6 L4,4.7 L4,6 C4,6.5 3.78,7 3.5,7 C3.2,7 3,6.5 3,6 L3,4.7 L2,5.6 C1.7,6 1.2,6.17 1,5.98 C0.83,5.78 0.99,5.3 1.38,4.9 L2.3,4 L1,4 C0.45,4 0,3.78 0,3.5 C0,3.2 0.45,3 1,3 L2.3,3 L1.38,2.08 C0.99,1.7 0.83,1.2 1,1 C1.2,0.83 1.7,0.99 2.1,1.38 L3,2.3 L3,1 C3,0.45 3.2,0 3.5,0 z">
<Path.Fill>
<RadialGradientBrush>
<GradientStop Color="#FFFFA800" Offset="0" />
<GradientStop Color="#FFD69200" Offset="1" />
</RadialGradientBrush>
</Path.Fill>
</Path>
</Grid>
</DataTemplate>
</c1:C1TabItem.HeaderTemplate>
</c1:C1TabItem>
</c1:C1TabControl>

复制代码

你好，进行测试closebutton依然可以显示。请参考下代码对你的Demo是否有提示作用。
如果依然有问题，请及时联系我。

zxc9089 · zxc9089

回复 2楼Alice的帖子

因为我的tabitem是根据其他按钮点击动态添加的。所以我在资源文件里面单独针对tabitem写了一个模版。在后台代码添加tabitem到tabcontrol中的时候手动把这个资源文件里面定义的样式赋给新实例化的tabitem。所以这种情况下关闭按钮就不见了。

<Style x:Key="TabItemStyle" TargetType="{x:Type c1:C1TabItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type c1:C1TabItem}">
<Grid Margin="3,3,0,0">
<Grid.ContextMenu>
<ContextMenu>
<MenuItem Header="关闭当前标签" Click="MenuItem_Click"/>
<MenuItem Header="关闭其他标签" Click="MenuItem_Click" />
<MenuItem Header="关闭所有标签" Click="MenuItem_Click" />
<MenuItem Header="刷新" Click="MenuItem_Click" />
</ContextMenu>
</Grid.ContextMenu>
<Border Name="bd"
Background="#f5f6f7"
Height="21"
Padding="7,0,7,0"
BorderBrush="#b5bac0"
BorderThickness="1,1,1,0"
CornerRadius="4,4,0,0">
<WrapPanel Orientation="Horizontal">
<TextBlock Name="tbd" HorizontalAlignment="Left" Text="{TemplateBinding Header}" Foreground="#333" Margin="0,2,0,0"></TextBlock>
<TextBlock Name="tbdclose" HorizontalAlignment="Right" Text="x" Foreground="#333" Visibility="{TemplateBinding CanUserClose}" Margin="5,0,0,0" PreviewMouseUp="tbdclose_MouseUp"></TextBlock>
</WrapPanel>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter TargetName="bd" Property="BorderBrush" Value="#157fcc" />
<Setter TargetName="bd" Property="Background" Value="#3892d3" />
<Setter TargetName="tbd" Property="Foreground" Value="#fff" />
<Setter TargetName="tbdclose" Property="Foreground" Value="#fff" />
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="bd" Property="BorderBrush" Value="#157fcc" />
<Setter TargetName="bd" Property="Background" Value="#3892d3" />
<Setter TargetName="tbd" Property="Foreground" Value="#fff" />
<Setter TargetName="tbdclose" Property="Foreground" Value="#fff" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

复制代码

<c1:C1TabControl Padding="0" Grid.Row="1" BorderThickness="0,3,0,0" BorderBrush="#3892d3" HorizontalAlignment="Stretch" Name="c1tabctlUser" VerticalAlignment="Stretch" TabStripPlacement="Top" TabItemClose="InEachTab">
<c1:C1TabItem Style="{StaticResource TabItemStyle}" Header="主控台" x:Name="mainTab" ToolTip="主控台" Height="26" IsEnabled="True" IsSelected="True" CanUserClose="True" Margin="10 0 0 0">
</c1:C1TabItem>
</c1:C1TabControl>

复制代码

Alice · Alice

回复 3楼zxc9089的帖子

根据你的代码，在Style里面重写了Template，所以close按钮的部分被你重写了。你需要自己在里面重写CloseButton，比如添加个Button，然后处理该事件。

我2楼给你的代码是仅仅对Header部分的Template进行更改，你可以根据你的需求，使用这个结构更改你的Header部分的Template。

zxc9089 · zxc9089

回复 4楼Alice的帖子

嗯，那么重写的时候关闭tab的处理也是要自己定义事件进行处理吗？还是可以有什么方法直接绑定它的默认处理方法呢？

Alice · Alice

回复 5楼zxc9089的帖子

你好，根据需求，如果重写Template，的确需要重写事件去处理的。

zxc9089 · zxc9089

好的。

iceman · iceman

回复 7楼zxc9089的帖子

请问这个问题进展如何？如果有需要我们这边协助的地方请继续跟帖。

gw0506 · gw0506

本帖已关闭。如果您有其他问题，欢迎开新贴提出。

		自动登录	找回密码
密码			立即注册

[已处理] C1TabControl 当自定义Item模版后 CanUserClose 失效

本帖子中包含更多资源

8 个回复

活字格认证

微信认证勋章

元老葡萄