ComboBox绑定到自定义视图模型

本文关键字:视图 模型 自定义 绑定 ComboBox | 更新日期: 2023-09-27 18:10:28

我正在做一个WPF项目。这是我的XAML代码:

<Window x:Class="MyNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:l="clr-namespace:MyNamespace" 
        xmlns:p="clr-namespace:MyNamespace.Properties"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
        Height="500" Title="{x:Static p:Resources.Title}" Width="500"
        WindowStartupLocation="CenterScreen">
    <Window.Resources>
        <l:BrowsersViewModel x:Key="BrowsersViewModel"/>
    </Window.Resources>
    <Canvas Background="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"
            DataContext="{StaticResource BrowsersViewModel}">
        <ComboBox Canvas.Left="10" Canvas.Top="10" DisplayMemberPath="Name"
                  ItemsSource="{Binding Path=Items}" 
                  SelectedItem="{Binding Mode=TwoWay, Path=SelectedItem}"
                  SelectedValuePath="Process" Width="379"/>
        <Button Content="Repopulate" Canvas.Right="10" 
                Canvas.Top="10" Width="75"/>
    </Canvas>
</Window>
这是我的ViewModel代码:
// BrowserInstance is a simple struct with two public fields:
// 1) System.Diagnostics.Process Process
// 2) System.String Name
public sealed class BrowsersViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    private BrowserInstance m_SelectedItem;
    public BrowserInstance SelectedItem
    {
        get { return m_SelectedItem; }
        set
        {
            if (m_SelectedItem != value)
            {
                m_SelectedItem = value;
                NotifyPropertyChanged("SelectedItem");
            }
        }
    }
    private ObservableCollection<BrowserInstance> m_Items;
    public ObservableCollection<BrowserInstance> Items
    { 
        get { return m_Items; }
        set
        {
            if (m_Items != value)
            {
                m_Items = value;
                NotifyPropertyChanged("Items");
            }
        }
    }
    public BrowsersViewModel()
    {
        m_Items = new ObservableCollection<BrowserInstance>();
        Populate();
    }
    private void NotifyPropertyChanged(String propertyName)
    {
        if (PropertyChanged != null)
            PropertyChanged(this, (new PropertyChangedEventArgs(propertyName)));
    }
    public void Populate()
    {
        foreach (Process process in Process.GetProcessesByName("chrome"))
        {
            BrowserInstance instance = new BrowserInstance();
            instance.Process = process;
            instance.Name = "[Chrome] " 
                         + process.Handle.ToString() 
                         + " " + ((process.MainWindowTitle.Length > 0) ? 
                                        process.MainWindowTitle : "NULL");
            m_Items.Add(instance);
        }
        NotifyPropertyChanged("Items");
    }
}

我真的很难让这个工作。我看了无数的例子,我仍然找不到一个解决方案,使一切工作如预期。

1)我看到很多值在我的组合框下拉,但他们都是空的。我想在ComboBox中显示BrowserInstance.Name属性,并在选择项目时检索BrowserInstance.Process值。

2)当应用程序启动时,对当前正在运行的浏览器进程进行检查,以便填充ComboBox。如果没有找到正在运行的实例,我如何在我的组合框中显示"没有找到实例!"这样的消息?

3)如果在应用程序启动时发现一个或多个浏览器实例,我如何默认选择第一个?

4) Repopulate按钮将用于重新检查用户正在运行的浏览器实例。假设之前选择的实例仍在运行…我怎样才能使它保持选中状态?如果之前选择的实例不再运行,那么如何在默认情况下再次选择第一个实例呢?

多谢!

编辑:这是我当前的代码

主窗口:

public MainWindow()
{
    InitializeComponent();
    DataContext = m_BrowserInstances = new BrowserInstancesViewModel();
}
private void OnClickButtonRefresh(Object sender, RoutedEventArgs e)
{
    m_BrowserInstances.Populate();
}

BrowserInstancesViewModel:

public void Populate()
{
    BrowserInstance selectedItem = m_SelectedItem;
    List<BrowserInstance> items = new List<BrowserInstance>();
    foreach (Process process in Process.GetProcessesByName("chrome"))
        items.Add(new BrowserInstance(process));
    if (items.Count > 0)
    {
        m_Items = new ObservableCollection<BrowserInstance>(items.OrderBy(x => x.Process.Id));
        if ((selectedItem != null) && (m_Items.SingleOrDefault(NewMethod(selectedItem)) != null))
            m_SelectedItem = selectedItem;
        else
            m_SelectedItem = m_Items[0];
        m_Enabled = true;
    }
    else
    {
        m_Items = new ObservableCollection<BrowserInstance>() { (new BrowserInstance()) };
        m_SelectedItem = m_Items[0];
        m_Enabled = false;
    }
    NotifyPropertyChanged("Enabled");
    NotifyPropertyChanged("Items");
    NotifyPropertyChanged("SelectedItem");
}

ComboBox绑定到自定义视图模型

BrowserInstance是一个有两个公共字段的简单结构体:

WPF不支持数据绑定到字段。只有属性。

这个应该可以工作:

public class BrowserInstance
{
    public string Name { get; set; }
    public Process Process { get; set; }
}

1)我不能复制这个问题,你确定有一个运行的chrome进程?: D

2)你可以这样破解它::D

     <ComboBox Canvas.Left="10" Canvas.Top="10" 
               DisplayMemberPath="Name" ItemsSource="{Binding Path=Items}"
               SelectedItem="{Binding Mode=TwoWay, Path=SelectedItem}" 
               SelectedValuePath="Process" Width="200">
        <ComboBox.Style>
            <Style TargetType="ComboBox">
                <Setter Property="IsEnabled" Value="True"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=Items.Count}" Value="0">
                        <Setter Property="IsEnabled" Value="False"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ComboBox.Style>
    </ComboBox>
    <TextBlock Canvas.Left="10" Canvas.Top="10" 
               Text="No instances have been found!" >
        <TextBlock.Style>
            <Style TargetType="TextBlock">
                <Setter Property="Visibility" Value="Collapsed"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=Items.Count}" Value="0">
                        <Setter Property="Visibility" Value="Visible"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
    </TextBlock>

或者更好的是,您重新模板组合框,以包括textblock,并使用组合框的hasitems属性值绑定其可见性(当然,您将需要使用BoolToVis转换器)

3)在填充

之后将此代码添加到vm构造函数中
if (m_Items.Count > 0)
{
    SelectedItem = m_Items[0];
}

4)添加新的重新填充方法到vm中,并存储当前选中的项目,填充,检查是否存在,重新选择项目

    public void Repopulate()
    {
        BrowserInstance currentSelectedItem = m_SelectedItem;
        Populate();
        if (m_Items.Count>0)
        {
            if (currentSelectedItem !=null 
                && m_Items.FirstOrDefault
                   ((bi) => bi.Process == currentSelectedItem .Process) 
                         != null)
            {
                SelectedItem = currentSelectedItem;
            }
            else
            {
                SelectedItem = m_Items[0];
            }
        }
    }

注:
我不确定要检查什么属性来验证实例的存在,因为当我尝试上面的代码并调试它时,我的chrome进程列表不断变化。但基本上这就是你可以做的