C# wpf 将信息从一个列表框显示到另一个列表框答案

【问题标题】：C# wpf displaying information from one listbox to otherC# wpf 将信息从一个列表框显示到另一个列表框
【发布时间】：2018-06-03 13:07:20
【问题描述】：

我有一个列表框，里面有数据（营养计划）和一个鼠标双击功能，可以在新页面中打开有关某些营养计划信息（每日营养计划）的数据。 GetDailyNutrition 类从第一个列表框获取 Id。

如果我点击列表框上的“营养计划 A”，它应该在不同的列表框（在 NutritionPlan.xaml 视图上）显示每日营养。

问题是，我无法在列表框中显示每日营养。

我的NutritionPlan.xaml.cs 代码：

    public partial class NutritionPlan : Page
{
    private DailyNutritionPlanVM _dailyNutritionplanvm;

    public Models.NutritionPlan _NPlan;

    public NutritionPlan(Object NPlan)
    {
        _NPlan = NPlan as Models.NutritionPlan;
        InitializeComponent();
    }

    public void getDailyNutrition()
    {
        _dailyNutritionplanvm = new DailyNutritionPlanVM();
        _dailyNutritionplanvm.LoadData(_NPlan.NutritionPlanId);
        DataContext = _dailyNutritionplanvm;
    }
}

我的NutritionPlan.Xaml 代码：

    <Grid Background="LightBlue">
    <ListBox HorizontalAlignment="Left" Height="123" Margin="88,220,0,0" VerticalAlignment="Top" Width="162">


    </ListBox>
</Grid>

获取数据的列表框：

<ListBox x:Name="NutritionPlansControlListBx" Margin="10,5" Height="282" ItemsSource="{Binding NutritionPlans}" 
                 MouseDoubleClick="ListBox_MouseDoubleClick">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="{Binding NutritionPlanName}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>

        </ListBox>

MouseDoubleClick 类：

        private void ListBox_MouseDoubleClick(object sender, MouseButtonEventArgs e)
    {            
        _frame.Content = new NutritionPlan(NutritionPlansControlListBx.SelectedItem);
    }

【问题讨论】：

请发布您的代码：鼠标双击、两个列表框、列表框项目的填充方式
@Bijan 进行了更改。
谢谢。 ListBox_MouseDoubleClick 中的_frame 是什么？
_frame 是列表框所在的新页面，我要在其中显示每日营养计划数据。（我有一个窗口分成两半，_frame 是一个秒的半名）
您的代码非常混乱，您是否尝试遵循 MVVM 模式？或者你只是想让它工作？ NutritionPlan 没有虚拟机，而是有 DailyNutritionPlanVM ...

标签： c# wpf data-binding listbox

【解决方案1】：

首先，您的视图不应该知道模型。所以我将模型移动到视图模型。

您还必须小心数据上下文，因为每个视图只有一个。所以我将其类型更改为包含每日计划的容器视图模型类型。此时，您的 NutritionPlan 视图从 NutritionPlanVM 的一个对象开始。

NutritionPlan.xaml.cs：

public partial class NutritionPlan : Page
{
    public NutritionPlanVM ViewModel { get { return DataContext as NutritionPlanVM; } set { DataContext = value; } }

    public NutritionPlan(Object NPlan)
    {
        InitializeComponent();
        //ViewModel = new NutritionPlanVM(NPlan);
        //or can be ViewModel = a VM selected from RootVM
    }
}

此视图模型需要显式调用其 LoadData 方法才能为其自身创建多个每日计划。

NutritionPlanVM.cs：

public class NutritionPlanVM : DependencyObject
{
    Models.NutritionPlan _NPlan;

    private ObservableCollection<DailyNutritionPlanVM> _dailyPlans;
    public ObservableCollection<DailyNutritionPlanVM> DailyPlans { get { return _dailyPlans; } }

    public void LoadData(Models.NutritionPlan _NPlan)
    {
        var dnpVM = new DailyNutritionPlanVM(_NPlan.NutritionPlanId);
        _dailyPlans.Add(dnpVM);
    }

}

您需要另一个视图模型，其中包含所有营养计划的可观察集合。

public class RootVM : DependencyObject
{
    private ObservableCollection<NutritionPlanVM> _nutritionPlans;
    public ObservableCollection<NutritionPlanVM> NutritionPlans { get { return _nutritionPlans; } }

    //vm data populated in constructor
    public RootVM()
    {
        _nutritionPlans.Add([add all nutrition plans]);
    }

}

现在对于绑定根，应该有一个对应于这个RootVM的视图。（例如，主窗口）。在该视图的构造函数中，您需要 DataContext = new RootVM()

现在一切就绪，您可以绑定到第一个列表框的当前选定项，并使用该项提取视图模型信息：

<ListBox ItemsSource="{Binding ElementName=NutritionPlansControlListBx, Path=SelectedItem.DailyPlans}"/>

【讨论】：