Tab Items in dropdown list instead of scroll

260

Muhammad posted over 15 years ago

Hi,

I am using xamtab control i want to add tab items in a dropdown list instead of scroll when number of tabs exced from its limit like pages/windows in dropdown list in visual studio.

0

Offline Michael Frey posted over 3 years ago in reply to Andrew Smith [Infragistics]

Hi, I just tested you solution and it works fine, but it introduces a memory leak if you would get rid of the grid at some point, because the tabItems are bound to a popup which has a very long lifecycle.

Also if you select the tabItem using "IsSelected", the tab control will not scroll to the tab item if it is not visible (in contrast to using the selection mechanism on the tab control)
Cancel
Reply

Cancel
54937

Offline Andrew Smith [Infragistics] posted over 15 years ago in reply to Karine

Well if the tab's visibility is changing them maybe you could bind the Visibility of the menu item (again in the ItemContainerStyle) to the Visibility of the underlying tabitem.
Cancel
Reply

Cancel
755

Karine posted over 15 years ago in reply to Karine

Sorry, I just find out that I need to remove the tabs in the Items list by my self.
Cancel
Reply

Cancel
755

Karine posted over 15 years ago in reply to Andrew Smith [Infragistics]

Hi,

I need to do exactly the same thing. I tried your solution. I have a problem to refresh the list after closing a tab. The closed tabs remain in the menu. There is no event on the XamTabControl Items property when the list changes.

Any suggestions?

Thanks

Karine
Cancel
Reply

Cancel
54937

Offline Andrew Smith [Infragistics] posted over 15 years ago

xamDockManager provides that functionality for the document tab groups within its DocumentContentHost (analogous to VS' tabbed documents) but this isn't something directly provided by the xamTabControl. You could probably put a Menu in the PostTabItemContent area that creates a menu item for each item in the tab control. e.g.

        <igWindows:XamTabControl x:Name="tabControl">

            <igWindows:XamTabControl.PostTabItemContent>

                <Menu>

                    <MenuItem Header="V"

                              Click="MenuItem_Click"

                              ItemsSource="{Binding Path=Items, RelativeSource={RelativeSource AncestorType={x:Type igWindows:XamTabControl}}}">

                        <MenuItem.ItemContainerStyle>

                            <Style TargetType="{x:Type MenuItem}">

                                

                                <Setter Property="CommandTarget" Value="{Binding}" />

                                <Setter Property="Header" Value="{Binding Path=Header}" />

                            </Style>

                        </MenuItem.ItemContainerStyle>

                    </MenuItem>

                </Menu>

            </igWindows:XamTabControl.PostTabItemContent>

            <igWindows:TabItemEx Header="One">

                <Button Content="Button 1" />

            </igWindows:TabItemEx>

            <igWindows:TabItemEx Header="Two">

                <Button Content="Button 2" />

            </igWindows:TabItemEx>

        </igWindows:XamTabControl>

        private void MenuItem_Click(object sender, RoutedEventArgs e)

        {

            MenuItem clickedItem = e.OriginalSource as MenuItem;

            if (null != clickedItem && null != clickedItem.CommandTarget)

            {

                // if you're binding the itemssource or not using tab items then

                // you'll probably need to go through the tab control's

                // ItemContainerGenerator to get the index and set that as the selected

                // index on the tab control.

                TabItem ti = clickedItem.CommandTarget as TabItem;

                if (null != ti)

                    ti.IsSelected = true;

            }

        }
Cancel
Reply

Cancel