sliverlight:tagControl add close button

If you have readed  my previous articles, you know use the tagControl add the close button have big problem.

I study datatemplate ,I found it can fix tagcontrol the close button problem. I try it ,sure . the problem have fixed.

so I remark this article tell the other person .

 

code is here:

<UserControl.Resources> <DataTemplate x:Key="HomeHeader" > <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Home" x:Name="Home" /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Resources_ListHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Resource List" /> <Image x:Name="Resources_List" Margin="3 0 0 0" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Team_MetricHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Team Metric" /> <Image Margin="3 0 0 0" x:Name="Team_Metric" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Project_StatusHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Project Status" /> <Image Margin="3 0 0 0" x:Name="Project_Status" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Metric_SettingHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Metric Setting" /> <Image Margin="3 0 0 0" x:Name="Metric_Setting" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Team_Metric_SettingHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Team Metric Setting" /> <Image Margin="3 0 0 0" x:Name="Team_Metric_Setting" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="LOB_SetingHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="LOB Seting" /> <Image Margin="3 0 0 0" x:Name="LOB_Seting" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="SSIS_TaskHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="SSIS Task" /> <Image Margin="3 0 0 0" x:Name="SSIS_Task" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Team_MonitorHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Team Monitor" /> <Image Margin="3 0 0 0" x:Name="Team_Monitor" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Project_MonitorHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Project Monitor" /> <Image Margin="3 0 0 0" x:Name="Project_Monitor" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> <DataTemplate x:Key="Clear_All_CacheHeader"> <StackPanel Orientation="Horizontal" > <Ellipse Width="10" Height="10" Fill="Green" VerticalAlignment="Center" Margin="2" /> <TextBlock Text="Clear All Cache" /> <Image Margin="3 0 0 0" x:Name="Clear_All_Cache" Source='../Images/redclose.png' Width='12' Height='12' VerticalAlignment='Top' MouseLeftButtonDown='Img_Close1_MouseLeftButtonDown' /> </StackPanel> </DataTemplate> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="#FFEDF0F6" Margin="5 0 0 0"> <controls:TabControl x:Name="TagMenu1"> </controls:TabControl> </Grid> </UserControl>  

 

code behind is here:

public partial class CenterControl : UserControl { //public static DataTemplate Header; //public static DataTemplate NoCloseHeader; //public static DataTemplate ContentTemplate; public CenterControl() { InitializeComponent(); TabItem tgHome = new TabItem() { HeaderTemplate = this.Resources["HomeHeader"] as DataTemplate, Content = "good" }; TagMenu1.Items.Add(tgHome); LocalMessageReceiver receiver = new LocalMessageReceiver("NewTag", ReceiverNameScope.Global, LocalMessageReceiver.AnyDomain); receiver.MessageReceived += new EventHandler<MessageReceivedEventArgs>(receiver_MessageReceived); //try //{ receiver.Listen(); //} //catch (ListenFailedException) //{ //} } /// <summary> /// close event /// </summary> /// <param name="sender"></param> /// <param name="e"></param> private void Img_Close1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { foreach (TabItem t in TagMenu1.Items) { if ((t.HeaderTemplate.LoadContent() as StackPanel).FindName((sender as Image).Name.ToString()) != null) { TagMenu1.Items.Remove(t); break; } } } /// <summary> /// receive the comment and create the tag /// </summary> /// <param name="sender"></param> /// <param name="e"></param> void receiver_MessageReceived(object sender, MessageReceivedEventArgs e) { string HeaderText = e.Message.Trim().Replace(" ", "_"); bool _Isexist = false; foreach (TabItem t in TagMenu1.Items) { if ((t.HeaderTemplate.LoadContent() as StackPanel).FindName(HeaderText) != null) { TagMenu1.SelectedItem = t; _Isexist = true; break; } } if (!_Isexist) { TabItem item = new TabItem() { HeaderTemplate = this.Resources[string.Format("{0}Header", HeaderText)] as DataTemplate, Content = HeaderText }; TagMenu1.Items.Add(item); TagMenu1.SelectedItem = item; } } }