Question

我正在使用Mvvm格式为学校开发UWP应用程序并需要帮助。

因此，我尝试使用来自ViewModel中的List的项目创建ListView。

以下是一些代码：

MainScreenViewModel.cs

using EasySleep.Model;
using EasySleep.Services;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Template10.Mvvm;
using Template10.Services.NavigationService;
using Windows.UI.Xaml.Navigation;

namespace EasySleep.ViewModels
{
    class MainScreenViewModel : ViewModelBase
    {

        ServiceApi serviceApi;

        public List<Offer> TestList { get; set; }

        public MainScreenViewModel()
        {
            serviceApi = new ServiceApi();
            TestList = new List<Offer>();
            TestList.Add(new Offer(1, true, null, "Decription de dingue", 3));
            TestList.Add(new Offer(3, false, null, "Decription de fou", 6));
            TestList.Add(new Offer(7, true, null, "Decription de perdu", 9));
        }

        public override async Task OnNavigatedToAsync(object parameter, NavigationMode mode, IDictionary<string, object> suspensionState)
        {
            await Task.CompletedTask;
        }

        public void GoToMainScreen() =>
            NavigationService.Navigate(typeof(Views.MainScreen));

        public void GotoSettings() =>
            NavigationService.Navigate(typeof(Views.SettingsPage), 0);

        public void GotoAbout() =>
            NavigationService.Navigate(typeof(Views.SettingsPage), 1);

        public void Logout()
        {
            ServiceApi.Token = null;
            NavigationService.Navigate(typeof(Views.MainPage));
        }

    }
}

MainScreenPage.xaml

<ListView x:Name="AllActiveOffersListView" 
                  ItemsSource="{x:Bind ViewModel.TestList}"
                  Grid.Row="1">
    <ListView.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="" />
        </DataTemplate>
    </ListView.ItemTemplate>
 </ListView>

Offer.cs

using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace EasySleep.Model
{
    public class Offer
    {

        public int Id { get; set; }
        public Boolean IsActive { get; set; }
        public List<Photo> Photos { get; set; }
        public String Description { get; set; }
        public int MaxPeople { get; set; }
        public int LocationId { get; set; }
        public Location Location { get; set; }
        public ApplicationUser Owner { get; set; }
        public String OwnerId { get; set; }

        public Offer (int id, Boolean isActive, List<Photo> photos, string description, int maxPeople)
        {
            Id = id;
            IsActive = isActive;
            Photos = photos;
            Description = description;
            MaxPeople = maxPeople;
        }

        [JsonConstructor]
        public Offer(string description, int id, Boolean isActive, Location loc, int locationId, int maxPeople, ApplicationUser owner, string ownerId)
        {
            Id = id;
            IsActive = isActive;
            Description = description;
            MaxPeople = maxPeople;
            Location = loc;
            LocationId = locationId;
            Owner = owner;
            OwnerId = ownerId;
        }

        public override string ToString()
        {
            return Description + LocationId;
        }

    }
}

你能帮我约束这些东西吗？

我编辑了添加Offer.cs模型

Answer 1

简单<TextBlock Text="{Binding Description}" />应该有效，不需要指定任何其他内容。我创建了一个空的Template10应用程序并放在你的模型中，它可以工作。

这是主页xaml：

<Page.DataContext>
    <vm:MainPageViewModel x:Name="ViewModel" />
</Page.DataContext>

<RelativePanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <controls:PageHeader x:Name="pageHeader"
                         Content="Main Page"
                         RelativePanel.AlignLeftWithPanel="True"
                         RelativePanel.AlignRightWithPanel="True"
                         RelativePanel.AlignTopWithPanel="True" />

    <RelativePanel EntranceNavigationTransitionInfo.IsTargetElement="True"
                   RelativePanel.AlignBottomWithPanel="True"
                   RelativePanel.AlignLeftWithPanel="True"
                   RelativePanel.AlignRightWithPanel="True"
                   RelativePanel.Below="pageHeader">

        <!--  content  -->
  <ListView x:Name="AllActiveOffersListView" 
              ItemsSource="{x:Bind ViewModel.TestList}"
              Grid.Row="1">
    <ListView.ItemTemplate>
      <DataTemplate>
        <TextBlock Text="{Binding Description}" />
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>

</RelativePanel>

</RelativePanel>

您可以从http://personal.sirma.bg/Jogy/download/WindowsApp1.zip下载完整的工作项目并检查它是否适合您，然后查看您的项目与我的项目有何不同。

Jogy

将ListView与来自ViewModel

1 个答案: