Создание динамической вкладки с использованием форм Prism Xamarin - PullRequest
Новая
       36

Создание динамической вкладки с использованием форм Prism Xamarin

0 голосов
/ 13 февраля 2019

Я использую Prism с источником элемента. Внутри каждой страницы с вкладками есть ListView, для которого я не могу использовать событие ItemTapped в качестве события для команды Поведение, чтобы вызвать команду в viewmodel при нажатии элемента списка, но тамнет триггера в режиме отладки, когда я нажимаю на элемент списка, пожалуйста, помогите мне понять, почему это происходит, и есть ли альтернативный способ, которым я могу использовать команду для этого.Также, когда я проверял Событие запускается в PrismTabbedPage1.xaml.cs, но не в PrismTabbedPage1ViewModel.cs

Призма Xamarin формы

PrismTabbedPage1.Xaml 

<?xml version="1.0" encoding="utf-8" ?>
 <TabbedPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms" xmlns:behaviors="clr-namespace:Prism.Behaviors;assembly=Prism.Forms" prism:ViewModelLocator.AutowireViewModel="True" x:Class="testapp.Views.PrismTabbedPage1" ItemsSource="{Binding countries}"> <TabbedPage.ItemTemplate> 
<DataTemplate> 
<ContentPage Title="{Binding CountryName}">
 <ListView ItemsSource="{Binding Cities}"> 
<ListView.ItemTemplate>
 <DataTemplate>
 <ViewCell> 
<Label Text="{Binding CityName}" TextColor="Black"/> 
</ViewCell>
 </DataTemplate>
 </ListView.ItemTemplate> 
<ListView.Behaviors> 
<behaviors:EventToCommandBehavior EventName="ItemTapped" Command="{Binding ListItemTapped}" EventArgsParameterPath="Item"/> 
</ListView.Behaviors> </ListView>
 </ContentPage>
 </DataTemplate>
 </TabbedPage.ItemTemplate>
 </TabbedPage>`

PrismTabbedPage1ViewModel.cs 

using Prism.Mvvm;
using Prism.Navigation;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using testapp.Models;


namespace testapp.ViewModels
{
    public class PrismTabbedPage1ViewModel : BindableBase
    {
        public ObservableCollection<Country> countries { get; set; }
        public DelegateCommand<Country> ListItemTapped => new DelegateCommand<Country>(OnTapped);

        private void OnTapped(Country obj)
        {

            //NavigationService.NavigateAsync("MainPage");
        }

        public PrismTabbedPage1ViewModel()
        {
            ObservableCollection<City> Cities1 = new ObservableCollection<City>()
            {
                new City(){ CityName = "City1" },new City(){ CityName = "City2" },new City(){ CityName = "City3" },
                new City(){ CityName = "City4" },new City(){ CityName = "City5" },new City(){ CityName = "City6" },
                new City(){ CityName = "City7" },new City(){ CityName = "City8" },new City(){ CityName = "City9" },
            };


            countries = new ObservableCollection<Country>()
            {
                new Country(){ CountryName = "Country 1", Cities = Cities1 },
                new Country(){ CountryName = "Country 2", Cities = Cities1 },
                new Country(){ CountryName = "Country 3",  Cities = Cities1 },
            };
        }
    }
}

Country.cs 

using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Text;

namespace testapp.Models
{
public class Country
{
public string CountryName { get; set; }
public ObservableCollection Cities { get; set; }
}
public class City
{
public string CityName { get; set; }


}

}

В этом коде поведение команды listview не получаетсясрабатывает.

1 Ответ

0 голосов
/ 13 февраля 2019

Я не знаком с Prism, но поскольку ваша EventToCommand находится внутри ListView, ваша привязка по умолчанию - это данные, передаваемые listview, а не ViewModel.

Вы можете попробовать что-то вроде этого: 

<behaviors:EventToCommandBehavior EventName="ItemTapped"
                         Command="{Binding Source={x:Reference this},Path=BindingContext.ListItemTapped}"
                         EventArgsParameterPath="{Binding .}"/>

И дайте название своей странице: 

 <TabbedPage .... x:Name="this">

Так что ваша привязка внутри вашего списка должна эффективно перенаправить команду в вашей модели представления.

Надеюсь, это поможет.

...