检查绑定到 MVVM 应用程序中 ObservableCollection 的 ListBox 中的选定项目

Question

鉴于我的 MVVM 应用程序中的两个模型：

MyFolder 包含文件列表 (MyFiles)：

public class MyFolder
{
    public string Path { get; set; }
    public int Id { get; set; }
    public List<MyFile> FilesList { get; set; }
}

public class MyFile
{
    public string Path { get; set; }
    public int Size { get; set; }
}

在我的 Viewmodel 中，我有一个带有文件夹的 ObservableCollection：

    public ObservableCollection<MyFolder> FoldersList { get; set; }

我正在查看一个 ListBox 中的文件夹，而在另一个 ListBox 中我显示了所选文件夹的文件列表（也在 ViewModel 中定义）：

private MyFolder selectedFolder;

    public MyFolder SelectedFolder
    {
        get { return selectedFolder; }
        set
        {
            selectedFolder = value;
            OnPropertyChanged(nameof(SelectedFolder));
        }
    }

我需要的是能够选择列表框中显示的一些文件来对它们执行一些操作（比如说更改它们的扩展名）

<ListBox ItemsSource="{Binding Path=FoldersList.FilesList}"  SelectedItem="{Binding Path=SelectedFolder, Mode=OneWayToSource}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <CheckBox IsChecked="{Binding ????}"/>
                <Label VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Content="{Binding Path=Path}">
             </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

我可以向 MyFiles 类添加一个属性，例如 bool Selected，然后将此属性绑定到 CheckBox。

但是，这是 MVVM 模式中的方法吗？

或者我应该怎么做？

非常感谢任何想法。 提前致谢

Answer 1

您描述的方法对我来说似乎是合法的，但是请注意，您还必须在 MyFile 类中实现 INotifyPropertyChanged，否则您与复选框的绑定将不起作用。

<ListBox ItemsSource="{Binding Path=FoldersList.FilesList}"  SelectedItem="{Binding Path=SelectedFolder, Mode=OneWayToSource}">
   <ListBox.ItemTemplate>
       <DataTemplate>
          <StackPanel>
             <CheckBox IsChecked="{Binding Checked}"/>
             <Label VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Content="{Binding Path=Path}">
          </StackPanel>
       </DataTemplate>
   </ListBox.ItemTemplate>
</ListBox>



public class MyFile : INotifyPropertyChanged
{
    public void SetPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    public event PropertyChangedEventHandler PropertyChanged;
    public string Path { get; set; }
    public int Size { get; set; }
    private bool _checked = false;
    public bool Checked
    {
        get {return _checked;}
        set
            {
               _checked = value;
               SetPropertyChanged("Checked");
    }
}

Answer 2

我建议使用 2 个视图模型

FolderViewModel 和 FileViewModel，它们本质上都是模型类的包装器，但也可以具有与 UI 相关的功能。

因此，您的 fileViewModel 将有一个名为 IsSelected 或您需要的任何其他属性，您的 FolderViewModel 将拥有 FileViewModel 的集合。您可以通过使其更具可扩展性和更强大的 MVVM 从 fileViewModel 本身和那里触发您的属性更改

public class Folder
{
    //Model PROPERTIES
    IEnumerable<File> Files { get; set; }
}

public class File
{
    //Model PROPERTIES
}

public class FolderViewModel : INotifyPropertyChanged
{
    //View Model PROPERTIES
    IEnumerable<FileViewModel> Files { get; set; }
}

public class FileViewModel : INotifyPropertyChanged
{
    //View Model PROPERTIES
    public bool IsSelected { get; set; }
}