WPF MVVM 模式

Question

我正在使用 mvvm 模式做一个简单的项目。它大约有一个列表，每一行都有一个文本框和删除按钮，并且在

但是我们有一个文本框并添加这样的按钮：

name1 按钮删除

name2 按钮删除

name3 按钮删除

.

.

文本框按钮添加

单击按钮删除该行应删除，单击按钮添加文本框的文本应作为新文本插入列表中

行。

我有三层 Sepand.WPFProject.Model , Sepand.WPFProject.ViewModel , Sepand.WPFProject.View;

在模型中，我有上下文、存储库和模型（这里我的模型是具有名称和 ID 属性的类别）类。仓库是这样的：

    public class ModelRepository<T>
    where T : class
{
    ModelDbContext ctx = new ModelDbContext();
    public IQueryable<T> GetAll()
    {
        IQueryable<T> query = ctx.Set<T>();
        return query;
    }

    public void Add(T entity)
    {
        ctx.Set<T>().Add(entity);
        ctx.SaveChanges();
    }

    public void Delete(T entity)
    {
        ctx.Set<T>().Remove(entity);
        ctx.SaveChanges();
    }

在 viewModel 中，我有这样的 categoryViewModel 类：

    public class CategoryViewModel    
{
    ModelRepository<Category> repository = new ModelRepository<Category>();
    ObservableCollection<Category> categories = new ObservableCollection<Category>();
    Category category = new Category();

    public ObservableCollection<Category> GetAll()
    {
        IQueryable<Category> categoryRepository = repository.GetAll();

        foreach (Category Category in categoryRepository)
            categories.Add(Category);
        return categories;
    }

    public ObservableCollection<Category> GetAllCategories
    {
        get { return GetAll(); }
    }
     public string TxtName
    {
        get { return category.Name; }
        set { category.Name = value; }
    }

在我后面的代码中查看

this.DataContext = new CategoryViewModel();

在 XAML 中我有

    <Window.Resources>
    <DataTemplate x:Key="CategoryTemplate">
        <Border Width="400" Margin="5" BorderThickness="1" BorderBrush="SteelBlue" CornerRadius="4">

            <StackPanel Grid.Row="0" Orientation="Horizontal">
                <TextBlock Width="300" Margin="5" Text="{Binding Path=Name}"></TextBlock>
                <Button Name="btnDeleteCategory" Width="50" Margin="5" Click="btnDeleteCategory_Click" >-</Button>
            </StackPanel>

        </Border>
    </DataTemplate>
</Window.Resources>

.

.

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <ListBox Grid.Column="0"  Grid.Row="0" Name="lstCategory" ItemTemplate="{StaticResource CategoryTemplate}" ItemsSource="{Binding Path=GetAllCategories}"/>
                <StackPanel Margin="5" Grid.Column="0" Grid.Row="1" Orientation="Horizontal">
                    <Label Content="Name : "/>
                    <TextBox Name="TxtName" Text="{Binding Path=TxtName ,Mode=TwoWay}" Width="260"/>
                    <Label Width="50"/>
                    <Button Width="50" Content="+" Name="btnAddCategory" Click="AddCategory_Click" />
                </StackPanel>

</Grid>

</Grid>

现在当我运行应用程序时，列表框填充了数据库中的数据；但我无法为 addbutton 和

编写代码

删除按钮；

谁能告诉我该怎么办？

为什么我无法将列表中文本框的文本绑定到 CategoryViewModel 类的 TxtName 属性？

我是说这里

                <TextBlock Width="300" Margin="5" Text="{Binding Path=Name}"></TextBlock>

当我编写 Binding Path=TxtName 时，列表框不会显示数据，而是使用 Binding Path=Name

它显示来自数据库的数据

Answer 1

你的问题有点分散。但我会尝试解决我认为是您的问题。

你在代码后面说你有：

this.DataContext = new CategoryViewModel();

但没有别的。

检查按钮为什么不起作用的第一件事是查看它正在执行什么操作。您的 XAML 声明它正在使用点击事件：

btnDeleteCategory_Click

那是哪里？它不在您的代码隐藏中吗？可能是你什么都没有，这就是为什么你的按钮没有做任何事情 - 你没有指示它做任何事情！

在 MVVM 中，您应该使用 ViewModel 中的命令绑定按钮，类似于将数据绑定到 ViewModel 中的属性。

你需要这样的东西：

Command="{Binding Path=DeleteCommand}"

在您看来，并且：

public ICommand DeleteCommand
{
    get { return new DelegateCommand<object>(FuncToCall, FuncToEvaluate); }
}

private void FuncToCall(object context)
{
    //this is called when the button is clicked - Delete something
}

private bool FuncToEvaluate(object context)
{
    //this is called to evaluate whether FuncToCall can be called
    //for example you can return true or false based on some validation logic
    return true;
}

绑定到 TxtName 可能不起作用，因为它没有实现/调用 PropertyChanged。