如何将数据绑定到ControlTemplate中的ListBox?

时间:2010-09-21 08:31:41

标签: c# data-binding silverlight-4.0 controltemplate

我要做的是创建某种“房间”(如聊天组,共享中心或任何你想要的)。所有房间都以相同的方式创建,但每个房间都包含不同的信息。每个房间都包含在一个TabItem中。我设法动态创建所有Tabitems,给它们一个Grid和一个Canvas。但目前我遇到了一个问题:我创建了一个名为RoomMenu的ControlTemplate,它将显示不同的按钮,最重要的是,这个房间中的人们在ListBox中连接(每次我更改所选内容时,我都会从WebService中检索这些人TabItem的)。但由于我的ListBox在ControlTemplate中,我不知道如何访问ListBox ItemSource以将通用List绑定到它。下面是用于创建我的房间及其内容的代码。

这是我的房间菜单类:

public class RoomMenu : ContentControl
{
    public RoomMenu()
    {
        DefaultStyleKey = typeof(RoomMenu);
    }

    public string Current_room_id;
    public string FullName;
    public string Rights;
}

这是位于generic.xaml中的ControlTemplate:

    <Style TargetType="test:RoomMenu">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="test:RoomMenu">
                <Grid x:Name="MenuGrid">
                    <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" BorderBrush="Black" CornerRadius="2" Background="Black">
                        <StackPanel Orientation="Vertical">
                            <Border x:Name="Room_friend_border" Background="Gray" CornerRadius="4" Margin="5">
                                <ListBox x:Name="current_room_friends" ItemsSource="{Binding ''}" Margin="5" Height="230">
                                    <ListBox.ItemTemplate>
                                        <DataTemplate>
                                            <StackPanel Orientation="Horizontal">
                                                <TextBlock Text="{Binding FullName}" Height="20"/>
                                                <TextBlock Text="{Binding Rights}" Height="20"/>
                                            </StackPanel>
                                        </DataTemplate>
                                    </ListBox.ItemTemplate>
                                </ListBox>
                            </Border>
                            <Border x:Name="Room_menu" Background="Gray" CornerRadius="4" Margin="5">
                                <StackPanel Orientation="Vertical" Margin="10">
                                    <Button Content="Add item" Margin="0,2,0,2"/>
                                    <Button Content="Set changes" Margin="0,2,0,2"/>
                                    <Button Content="Invite friend" Margin="0,2,0,2"/>
                                    <Button Content="Rename room" Margin="0,2,0,2"/>
                                    <Button Content="Delete room" Margin="0,2,0,2"/>
                                </StackPanel>
                            </Border>
                        </StackPanel>
                    </Border>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这是我的Dictionnary Class,它包含RoomMenu:

public class Rooms : TabItem
{
    public string Room_guid;
    public string Room_name;
    public string Primary_user_guid;
    public string Room_version;

    public Grid Room_grid;
    public Canvas Room_canvas;
    public RoomMenu Room_menu;
}

这是我调用ControlTemplate并将其添加到我的TabItem网格时:

    public void Set_rooms_interface()
    {
        foreach (KeyValuePair<string, Rooms> kvp in rooms_list)
        {
            rooms_list[kvp.Key].Room_menu = new RoomMenu();
            rooms_list[kvp.Key].Room_canvas = new Canvas();
            rooms_list[kvp.Key].Room_grid = new Grid();

            //instance grid columns
            rooms_list[kvp.Key].Room_grid.ColumnDefinitions.Add(new ColumnDefinition() {Width = new GridLength(900)});
            rooms_list[kvp.Key].Room_grid.ColumnDefinitions.Add(new ColumnDefinition());

            //Refreshing room canvas
            rooms_list[kvp.Key].Room_canvas.Height = rooms_list[kvp.Key].Room_grid.ActualHeight;
            rooms_list[kvp.Key].Room_canvas.Width = rooms_list[kvp.Key].Room_grid.ActualWidth;
            rooms_list[kvp.Key].Room_canvas = refresh_canvas(kvp.Key);
            Grid.SetColumn(rooms_list[kvp.Key].Room_canvas, 0);
            Grid.SetColumn(rooms_list[kvp.Key].Room_menu, 1);

            //Add Canvas to Grid
            rooms_list[kvp.Key].Room_grid.Children.Add(rooms_list[kvp.Key].Room_canvas);
            rooms_list[kvp.Key].Room_grid.Children.Add(rooms_list[kvp.Key].Room_menu);
            //Setting TabItem Name
            rooms_list[kvp.Key].Header = rooms_list[kvp.Key].Room_name;
            //Adding Grid to TabItem.Content
            rooms_list[kvp.Key].Content = rooms_list[kvp.Key].Room_grid;
            //Adding TabItem to TabControl
            Room_tab.Items.Add(kvp.Value);
        }
    }

如果整个问题有点长,我很抱歉,但这是解释我想要做什么的唯一方法。所以如果有人能给我一个提示或答案在ControlTemplate中做一些数据绑定,那将对我有很大的帮助。

谢谢。

1 个答案:

答案 0 :(得分:1)

我认为在代码中实例化UI元素时,你开始的方向是错误的。后面的代码应该只包含一行将people列表分配给current_room_friends DataContext。

从更简单的绑定数据示例开始,例如Bea Stollnitz的beautiful planet example之类的ListBox。