如何在一个listview uwp中包含多个c＃类

Question

The Structure

I'm creating a UWP app, and ASP WebService to access a SQL Server dbase. Both UWP and WebService have identical Models of 7 base classes that are correspond to the tables of the database.

The Issue

The biggest issue is I'm a newbie dev, so my lack of insight is the Real Issue, but you cant solve that monumental task just yet.. The solvable issue is, How do I get more than one set of values inside of my ListView from multiple base classes. In my example, I'm referencing public List<Device> Devices { get; private set; } = new List<Device>(); List<Device> Devices { get; private set; } = new List<Device>(); but I don't know how to reference more than one class in the list.. What I would like to do is List some values from Device and others from Location.

The Code

DisplayDevices.xaml

                    <ListView ItemsSource="{x:Bind ViewModel.Devices}"
                          SelectionChanged="{x:Bind ViewModel.deviceList_SelectionChanged}"
                           x:Name="deviceList" Margin="50,0,0,50"
                           Header="{x:Bind ViewModel.RouterName}"
                           RelativePanel.RightOf="EditViewSP">
                    <ListView.ItemTemplate>
                        <DataTemplate x:DataType="model:Device">
                            <StackPanel Orientation="Vertical" Padding="5">
                            <TextBlock Text="{x:Bind ViewModel.FacilityName }" />
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{x:Bind Hardware}" />
                                <TextBlock Text="{x:Bind HostName}" Margin="10,0,0,0"/>
                            </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

Device.cs

namespace RapidDeploy.Models
{
    public class Device
    {
        [Key]
        public int HostName { get; set; }
        public string DriveModel { get; set; }
        public string DriveSN { get; set; }
        public string OldDriveSN { get; set; }
        public bool Server { get; set; }
        public string RouterName { get; set; }
        public string IP { get; set; }

Location.cs

namespace RapidDeploy.Models
{
    public class Location
    {
        [Key]
        public int Id { get; set; }
        public string FacilityName { get; set; }
        public string Country { get; set; }
        public string Region { get; set; }
        public string State { get; set; }
        public string City { get; set; }
        public int BuildingNum { get; set; }
        public string Address { get; set; }

DisplayDeviceViewModel.cs

        private Device _ActiveDevice;
        private int _hostName;
        public int HostName { get { return _hostName; } set { Set(ref _hostName, value); } }
        var uriL = new Uri("http://localhost:2463/api/Locations/");
        var uriD = new Uri("http://localhost:2463/api/Devices/");


            var JsonResponseD = await client.GetStringAsync(uriD);
            var devicesResult = JsonConvert.DeserializeObject<List<Device>>(JsonResponseD);
            Devices = devicesResult;

            var JsonResponseL = await client.GetStringAsync(uriL);
            var locationsResult = JsonConvert.DeserializeObject<List<Location>>(JsonResponseL);
            Locations = locationsResult;

Answer 1

You will have to create a new class and add those Members which you want to Bind in xaml. That means your DB Query will return the objects joining from many tables in a custom class like below :

MyBindedModel.cs

public class MyBindedModel
{
    public string FacilityName { get; set; }
    public string Hardware{ get; set; }
    public string HostName{ get; set; }
    //Many more depending on what you want to show on UI
}

Now in ViewModel you can use

public ObservableCollection<MyBindedModel> MyData

DisplayDevice.xaml

     <ListView ItemsSource="{x:Bind ViewModel.MyData}"
                      SelectionChanged="{x:Bind ViewModel.deviceList_SelectionChanged}"
                       x:Name="deviceList" Margin="50,0,0,50"
                       Header="{x:Bind ViewModel.RouterName}"
                       RelativePanel.RightOf="EditViewSP">
                <ListView.ItemTemplate>
                    <DataTemplate x:DataType="MyData">
                        <StackPanel Orientation="Vertical" Padding="5">
                        <TextBlock Text="{x:Bind FacilityName }" />
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{x:Bind Hardware}" />
                            <TextBlock Text="{x:Bind HostName}" Margin="10,0,0,0"/>
                        </StackPanel>
                        </StackPanel>
                    </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>