如何选择绑定到列表框的ObservableCollection?

时间:2012-05-17 20:36:16

标签: c# wpf binding listbox observablecollection

这甚至可能吗?我有两个ObservableCollections。我想用其中一个绑定和填充列表框。例如,假设我们有2个按钮 - 一个用于Twitter,一个用于Facebook。单击Facebook按钮,它将使用来自facebook observable collection的朋友名称填充列表框,它将绑定它。点击Twitter,它将使用Twitter粉丝填充列表框并填充列表框并绑定它。

如何选择将在列表框中填充哪个集合?

3 个答案:

答案 0 :(得分:2)

我会根据用户的选择使用一个可观察的集合和填充。你也可以用两个来源的名字填充它,并有一个过滤器来过滤掉一个或另一个(显然你需要一个包装器对象,你可以指出该名称是Facebook的朋友或Twitter粉丝)。

修改:以下是一些快速代码示例,说明如何执行此操作:

public interface ISocialContact
{
    string Name { get; }
}

public class FacebookContact : ISocialContact
{
    public string Name { get; set; }
    public string FacebookPage { get; set; }
}

public class TwitterContact : ISocialContact
{
    public string Name { get; set; }
    public string TwitterAccount { get; set; }
}

然后在您的数据环境中:

public ObservableCollection<ISocialContact> Contacts { get; set; }

...

Contacts = new ObservableCollection<ISocialContact> {
                    new FacebookContact { Name = "Face", FacebookPage = "book" },
                    new TwitterContact { Name = "Twit", TwitterAccount = "ter" } 
           };

在你的xaml中:

<Grid>
    <Grid.Resources>
        <DataTemplate DataType="{x:Type local:FacebookContact}">
            <TextBlock Text="{Binding FacebookPage}"/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:TwitterContact}">
            <TextBlock Text="{Binding TwitterAccount}"/>
        </DataTemplate>
    </Grid.Resources>
    <ListBox ItemsSource="{Binding Contacts}" Width="100" Height="100"/>
</Grid>

这会将适当的模板应用于集合中的每个对象。所以你可以只收集facebook联系人或只是推特联系人或混合收集。

另请注意:您不需要通用界面。如果您只使ObservableCollection类型为object,它也会有用。但是,假设它们在同一个列表框中由同一个应用程序显示,则表示您可以找到某种公共基础,并且可以创建一个comon接口或基类。

答案 1 :(得分:0)

在ViewModel中,创建一个公开一个或另一个ObservableCollection的属性,并在单击该按钮时将其交换出来:

private ObservableCollection<string> _twitterFriendList;
private ObservableCollection<string> _facebookFriendList;

private ObservableCollection<string> _selectedFriendList;
public ObservableCollection<string> SelectedFriendList
{
    get { return _selectedFriendList; }
    set
    {
        if (value != _selectedFriendList)
        {
            _selectedFriendList = value;
            RaisePropertyChanged("SelectedFriendList");
        }
    }
}    

void TwitterButton_Click(object sender, RoutedEventArgs e) 
{
    SelectedFriendList = _twitterFriendList;
} 

void FacebookButton_Click(object sender, RoutedEventArgs e) 
{
    SelectedFriendList = _facebookFriendList;
} 

然后在你的XAML中你可以绑定到属性:

<ListBox ItemsSource="{Binding SelectedFriendList}"/> 

答案 2 :(得分:0)

实现此目的的一种非优雅方式是将2个列表框放在同一位置,并将1绑定到twitter集合,将另一个绑定到facebook集合。将其可见性绑定到基于按钮单击更改的属性。就个人而言,我有2个单选按钮,并根据选择的列表框显示列表框。

<ListBox Grid.Row="0" Grid.Column="0" ItemsSource="{Binding Path=TwitterCollection}" SelectedItem="{Binding Path=SelectedTwitterItem}" Visibility="{Binding Path=IsTwitterSelected, Converter={StaticResource visibilityConverter}}" />
<ListBox Grid.Row="0" Grid.Column="0" ItemsSource="{Binding Path=FacebookCollection}" SelectedItem="{Binding Path=SelectedFacebookItem}" Visibility="{Binding Path=IsFacebookSelected, Converter={StaticResource visibilityConverter}}" /> 

<RadioButton Grid.Row="1" Grid.Column="0" GroupName="rdoOptions" Content="{Binding Path=TwitterLabel}" IsChecked="{Binding Path=IsTwitterSelected}" />
<RadioButton Grid.Row="1" Grid.Column="1" GroupName="rdoOptions" Content="{Binding Path=FacebookLabel}" IsChecked="{Binding Path=IsFacebookSelected}" />
相关问题