使用转换器将Silverlight TabControl绑定到复杂对象

时间:2011-06-14 16:25:08

标签: silverlight silverlight-4.0 binding tabcontrol

我正在尝试将数据绑定到制表符控件。我的标题显示正常,但我不确定如何根据下面显示的项目模板正确绑定标签的内容。

我认为在创建标签项时我遗漏了一些内容,但我不确定如何将MyCustomObject绑定到每个TabItem上。

XAML:

<sdk:TabControl ItemsSource="{Binding Singles,Converter={StaticResource TabConverter}}">
            <sdk:TabControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </sdk:TabControl.ItemsPanel>
            <sdk:TabControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBox Text="{Binding Converter={StaticResource RoundNumberConverter}}" Margin="2" />
                        <ListBox x:Name="Matches" ItemsSource="{Binding}" Margin="2">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="200" />
                                            <ColumnDefinition Width="200" />
                                        </Grid.ColumnDefinitions>
                                        <Grid.RowDefinitions>
                                            <RowDefinition />
                                            <RowDefinition />
                                        </Grid.RowDefinitions>

                                        <TextBlock Grid.Row="0" Grid.Column="0" Text="{Binding Converter={StaticResource SeedingConverter}, ConverterParameter=true}" Margin="2" />
                                        <TextBlock Grid.Row="1" Grid.Column="0" Text="{Binding Converter={StaticResource SeedingConverter}, ConverterParameter=false}" Margin="2" />
                                        <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Player1Name}" Margin="2" />
                                        <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Path=Player2Name}" Margin="2" />

                                    </Grid>


                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </StackPanel>
                </DataTemplate>
            </sdk:TabControl.ItemTemplate>
        </sdk:TabControl>

转换器:

 public class TabConverter : IValueConverter
    {

        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            IEnumerable<IGrouping<string, MyCustomObject>> source = value as IEnumerable<IGrouping<string, MyCustomObject>>;
            if (source != null)
            {
                var controlTemplate = (ControlTemplate)parameter;

                List<TabItem> result = new List<TabItem>();
                foreach (IGrouping<string, MyCustomObject> tab in source)
                {
                    result.Add(new TabItem()
                    {
                        Header = tab.Key,
                        DataContext = tab //not sure this is right?
                    });
                }
                return result;
            }
            return null;
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }

    }

2 个答案:

答案 0 :(得分:1)

你大部分都在那里,以下是我的作品:

删除你的DataTemplate并将其内容直接删除到一个新的UserControl中,对于这里的示例,我们称之为MatchesView。

然后在TabConverter中,将foreach循环的内容修改为如下所示:

TabItem tabitem = new TabItem();
tabitem.Header = tab.Key;

MatchesView tabview = new MatchesView();
tabview.DataContext = parameter;

tabitem.Content = tabview;
result.Add(tabitem);

注意:这需要您将ViewModel作为参数传递给TabConverter,例如:

<sdk:TabControl SelectedItem="{Binding YourSelectedObject}" ItemsSource="{Binding YourCollectionObject, Converter={StaticResource TabConverter}, ConverterParameter={StaticResource YourViewModel}, Mode=TwoWay}" />

然后,当您在新控件的每个实例中都有ViewModel时,请相应地调整绑定!

请注意,诀窍是您对Selected对象的单个实例具有单独的绑定

答案 1 :(得分:0)

检查你的问题我认为没有支持。 WPF的TabItem包含ItemTemplate&amp;的ContentTemplate。第一个是标题的模板,第二个是“正文”的模板。在Silverlight中,我们仍然没有ContentTemplate。尚未看到官方声明,但this guy表示在SL5之前不会支持。