Question

What i am really trying to achieve is to full control the active TabItem by using the combobox as the navigation control.

Here is what ive got so far:

    <TabControl Canvas.Left='26' Canvas.Top='27' Height='100' Name='TabControl1' Width='220'>         <TabItem Header='TabItem1' x:Name='TabItem1'>             <Grid />         </TabItem>         <TabItem Header='TabItem2' x:Name='TabItem2'>             <Grid />         </TabItem>     </TabControl>       <ComboBox Canvas.Left='126' Canvas.Top='134' Height='23' Name='CmbTabs' Width='120'                ItemsSource='{Binding ElementName=TabControl1, Path=Items}'                SelectedValue='{Binding ElementName=TabControl1, Path=SelectedIndex}'                SelectedValuePath='TabIndex'               DisplayMemberPath='Header'/> 

Still the only thing that actual works is the list that shows up when i press the togglebutton of the combobox. Even selecting a tabitem name through the list does not do anything, it does not even update the selected value textbox of the combobox.

Any help ?

Edit: Ok the answer of Steve Robbins worked fine for the ‘controling’ issue.

What about the fact that selecting an item in the combobox drop down list does not update the value of the combobox? (the comboboxes textbox is still blank!!)

Answer 1

If you’re trying to control the TabControl from the Combo then it looks a bit backwards to me.. if you change the SelectedIndex on the tab control to bind it to the combo it should work:

<TabControl Canvas.Left='26' Canvas.Top='27' Height='100' Name='TabControl1' Width='220' SelectedIndex='{Binding ElementName=CmbTabs, Path=SelectedIndex}'>         <TabItem Header='TabItem1' x:Name='TabItem1'>             <Grid />         </TabItem>         <TabItem Header='TabItem2' x:Name='TabItem2'>             <Grid />         </TabItem>     </TabControl>