UWP將ListView的項目綁定為UserControl DataTemplate

Question

我嘗試實現主視圖/詳細視圖，並嘗試了解如何將所選項目綁定到具有兩個DataTemplate的UserControl中。

我有兩種模型（我稱他們為老師和學生）

我的視圖模型：

public class Page_ProfilVM : NotificationBase
{
    public ObservableCollection <AbstractInfosProfilVM> InfosProfil { get; set; }
    private AbstractInfosProfilVM selectedProfil;
    public  AbstractInfosProfilVM SelectedProfil
    {
        get { return selectedProfil; }
        set
        {
            SetProperty(selectedProfil, value, () => selectedProfil = value);
         }   
     }
}

public abstract class AbstractInfosProfilVM : NotificationBase
{
    private string nom;
    public  string Nom
    {
        get { return nom; }
        set { SetProperty(nom, value, () => nom = value); }
    }
}

public class TeacherInfosProfilVM : AbstractInfosProfilVM
{
}
public class StudentInfosProfilVM : AbstractInfosProfilVM
{
}

我正確顯示了主視圖

<!-- ListView -->
<ListView  ItemSource="{x:bind ViewModel.Profils}" 
           SelectionMode="Single" 
           SelectedItem="x:bind ViewModel.SelectedProfil, Mode="TwoWay", Converter={.....}}">

<ListView.ItemTemplate>
    <DataTemplate x:DataType="vm:AbstractProfilVM">
        <!-- Master -->
        <widget:CelProfilMaster CelProfilMasterName={x:Bind Name} CelProfilMasterAge={x:Bind Age} ... />
    </DataTemplate>
</ListView.ItemTemplate>

而且我在詳細信息視圖（具有依賴項屬性的用戶控件）上正確顯示了所選項目的詳細信息。 但是現在我需要選擇正確的dataTempalte來顯示老師的屬性和學生的屬性。 但它不起作用。

<!-- Details-->
<widget:CelluleProfilDetails x:Name = "DetailContent" 
                             CelluleProfilDetailsNom = "{x:Bind ViewModel.SelectedProfil.Nom,Mode=TwoWay,Converter={StaticResource GenericConverter}}"
                             CelluleProfilDetailsPrenom = "{x:Bind ViewModel.SelectedProfil.Prenom, Mode=TwoWay,Converter={StaticResource GenericConverter}}" >

<widget:CelluleProfilDetails.CelluleProfilDetailsContent>
    <ContentPresenter Content="{x:Bind ViewModel.SelectedProfil,Mode=OneWay}">

    <ContentPresenter.Resources>
        <DataTemplate x:DataType="viewModels:TeacherInfosProfilVM" x:Name="T1" >
            <TextBlock Text="{x:Bind Nom}"/>
        </DataTemplate>
        <DataTemplate x:DataType="viewModels:StudentInfosProfilVM" x:Name="T2" >
            <TextBlock Text="{x:Bind Nom}"/>
        </DataTemplate>
    </ContentPresenter.Resources>

    </ContentPresenter>                        
</widget:CelluleProfilDetails.CelluleProfilDetailsContent>

</widget:CelluleProfilDetails>

我嘗試顯示教師/學生的名稱，但僅顯示視圖模型的名稱。 如何在“ CelluleProfilDetails.CelluleProfilDetailsContent”中正確顯示教師的屬性和學生的屬性？

Answer 1

如果您實際上正在尋找可以使您根據數據類型將兩個不同的數據模板加載到視圖模型的數據綁定概念，則絕對應該查看下面的視頻。

我在一個應用程序中實現了相同的功能，並且我不想在此處發布任何代碼，因為它只是另一個復制粘貼解決方案。

觀看這部影片

如果您對DataTemplateSelector的解釋有任何疑問，請告訴我。