XF UWP - MVVM - 如何在嵌套的 Object 中綁定選取器選定項？

Question

我無法根據 Picker SelectedItem 更改 object，但我可以更改 object 的屬性。 我沒看到什么？

我嘗試將繼承 ObservableCollections 的 object 更改為將 ObservableCollections 作為屬性並繼承 PropertyChanged，但屬性它仍然沒有注冊更改。

XAML 綁定失敗為空。

頁 XAML：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:viewmodel="clr-namespace:ItemSourceBug.ViewModel"
             x:Class="ItemSourceBug.Views.MainPage"
             x:Name="MPage">
    <ContentPage.BindingContext>
        <viewmodel:MainViewModel/>
    </ContentPage.BindingContext>
    
    <StackLayout BindableLayout.ItemsSource="{Binding model.CurrentControlList}"
                 VerticalOptions="Center">
        <BindableLayout.ItemTemplate>
            <DataTemplate>
                <StackLayout BindableLayout.ItemsSource="{Binding .}">
                    <BindableLayout.ItemTemplate>
                        <DataTemplate>
                            <StackLayout>
                                <Label Text="{Binding typeAction}"/>
                                <StackLayout BindableLayout.ItemsSource="{Binding .}">
                                    <BindableLayout.ItemTemplate>
                                        <DataTemplate>
                                            <StackLayout Orientation="Horizontal">
                                                <Label Text="{Binding name}"/>
                                                <Label Text="{Binding type}"/>
                                                <Picker ItemsSource="{Binding Path=BindingContext.model.SelectFromList, 
                                                                    Source={x:Reference MPage}}"
                                                        ItemDisplayBinding="{Binding name}"
                                                        SelectedItem="{Binding }"> <!--This doesn't work-->                                                   
                                                </Picker>
                                                <Picker SelectedItem="{Binding type}"> <!--This works-->
                                                    <Picker.Items>
                                                        <x:String>3</x:String>
                                                        <x:String>4</x:String>
                                                        <x:String>5</x:String>
                                                    </Picker.Items>
                                                </Picker>
                                                <Label Text="{Binding Path=BindingContext.model.currentAction.name, Source={x:Reference MPage}}"/>
                                                <Picker ItemsSource="{Binding Path=BindingContext.model.SelectFromList, 
                                                                    Source={x:Reference MPage}}"
                                                        ItemDisplayBinding="{Binding name}"
                                                        SelectedItem="{Binding Path=BindingContext.model.currentAction, Source={x:Reference MPage}}"> <!--This works-->
                                                    </Picker>            
                                            </StackLayout>
                                        </DataTemplate>
                                    </BindableLayout.ItemTemplate>
                                </StackLayout>
                            </StackLayout>
                        </DataTemplate>
                    </BindableLayout.ItemTemplate>
                </StackLayout>
            </DataTemplate>
        </BindableLayout.ItemTemplate>               
    </StackLayout>
</ContentPage>

頁面視圖模型：

using ItemSourceBug.Model;
using System;
using System.Collections.Generic;
using System.Text;
using Xamarin.Forms;

namespace ItemSourceBug.ViewModel
{
    public class MainViewModel : BaseViewModel
    {
        #region Properties
        public MainModel model { get; set; } = new MainModel();
        #endregion


        #region Commands

        #endregion
    }
}

頁 Model：

using ItemSourceBug.ViewModel;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Text;

namespace ItemSourceBug.Model
{
    public class MainModel: BaseViewModel
    {

        #region Properties
        public ControlList CurrentControlList { get; set; } = new ControlList();

        public Action currentAction { get; set; } = new Action { id = "6", name = "Leon" };
        public Actions SelectFromList { get; set; } = new Actions();
        #endregion

        #region Constructor
        public MainModel()
        {
            SelectFromList.Add(new Action { id = "1239", name="George" });
            SelectFromList.Add(new Action { id = "1240", name = "Mike" });
        }
        #endregion
    }

    public class ControlList : ObservableCollection<TaskActions> 
    { 
        public string typeControl { get; set; }
        public ControlList()
        {
            Add(new TaskActions { typeTask = "observ" });
            Add(new TaskActions { typeTask = "discuss" });
        }
    }


    public class TaskActions : ObservableCollection<Actions>
    {
        public string typeTask { get; set; }
        public TaskActions()
        {
            Add(new Actions { typeAction = "sing" });
            Add(new Actions { typeAction = "dance" });
        }
    }

    public class Actions: ObservableCollection<Action>
    {
        public string typeAction { get; set; }
         public Actions()
        {
            Add(new Action { id = "1231" , name = "John" });
            Add(new Action { id = "1232", name = "Jane" });
            Add(new Action { id = "1237", name = "Joseph" });
            Add(new Action { id = "1238", name = "Jimbo" });
        }
    }

    public class Action: BaseViewModel
    {
        public string id { get; set; }
        public string name { get; set; }
        public string type { get; set; } = "1";
        /*
        public override string ToString()
        {
            return name;
        }
        */
    }
}

Answer 1

您應該在Label.Text和Picker.SelectedItem + Picker.ItemDisplayBinding上保持相同的綁定路徑。

在您的代碼中

第一：

MPage.BindingContext.model.SelectFromList.name != model.CurrentControlList.xxname ，它們是不同的東西，所以它不起作用。

---

第二個：

type = type ，所以它有效。

---

第三個：

MPage.BindingContext.model.currentAction.name = MPage.BindingContext.model.currentAction.name ，所以它工作。

Answer 2

我發現的解決方法是更改：

行動 class 到：

    public class Action: INotifyPropertyChanged
    {
        public string id { get; set; }
        public string name { get; set; }
public Action instance { get; set; }
        public string type { get; set; } = "1";
        /*
        public override string ToString()
        {
            return name;
        }
        */

//Reedited:
public Action()
{
instance = this;
}

        #region INotifyPropertyChanged
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string propertyName = "")
        {
            var changed = PropertyChanged;
            if (changed == null)
                return;

            if (propertyName.Equals("instance"))
            {
                name = instance.name;
                id = instance.id;
                type = instance.type;
            }

            changed.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
        #endregion
    }

我的 XAML 文件中的 Picker 到：

<Picker ItemsSource="{Binding Path=BindingContext.model.SelectFromList, 
                    Source={x:Reference MPage}}"
        ItemDisplayBinding="{Binding name}"
        Grid.Column="2"
        SelectedItem="{Binding instance,Mode=TwoWay}"
        >                                                  
</Picker>