Блог

С помощью Xamarin.С помощью MVVM у меня формируется ListView историй с названием истории, категориями историй и всплывающим окном (кнопка). При нажатии на всплывающую кнопку появляется всплывающее окно, в котором пользователь может выбрать различные категории для истории. И когда пользователь выбирает разные категории, метка StoryCategories должна обновляться всеми выбранными категориями (через запятую). Но я не могу понять, как найти и обновить метку StoryCategories, с которой была нажата всплывающая кнопка?

Я разрабатываю .net mvc последние 8 лет, и мне всегда удавалось найти ответ на свои вопросы здесь, в StackOverflow (спасибо!), Но по какой-то причине я не могу найти ответ на этот вопрос.

Я надеюсь, вы сможете помочь! 🙂

Всплывающее окно представляет собой Rg.Плагины.Всплывающее окно, и я использую MvvmHelpers от Джеймса Монтеманьо.

Модель

     public class Story : ObservableObject
    {
        string name;
        public string Name
        {
            get { return name; }
            set { SetProperty(ref name, value); }
        }

        string categories;
        public string Categories
        {
            get { return categories; }
            set { SetProperty(ref categories, value); }
        }
    }
  

ViewModel

 public class StoriesViewModel : BaseViewModel
    {
        public ObservableCollection<Story> Stories { get; set; }

        public StoriesViewModel()
        {
            Stories = new ObservableCollection<Story>();

            Stories.Add(new Story { Name = "Hitchhiker's Guide to the Galaxy", Categories = "a, b" });
            Stories.Add(new Story { Name = "The Restaurant at the End of the Universe", Categories = "b, c, y" });
            Stories.Add(new Story { Name = "Life, the Universe and Everything", Categories = "e" });
            Stories.Add(new Story { Name = "So Long, and Thanks for All the Fish", Categories = "a, c, e" });
        }

        public ICommand OpenPopupCommand
        {
            get
            {
                return new Command<Story>((x) =>
                {
                    Debug.WriteLine("Name: "   x.Name);
                });
            }
        }
    }
  

Вид:

 <ListView ItemsSource="{Binding Stories}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout>
                    <Label Text="{Binding Name}" />
                    <Label Text="{Binding Categories} "/>
                    <Button Text="Click" Command="{ Binding Path=BindingContext.OpenPopupCommand, Source={ x:Reference Stories } }" CommandParameter="{ Binding . }" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>
  

Если вы используете событие clicked, вы могли бы сделать что-то вроде этого, я только предполагаю название класса, который вы используете, но вы должны его получить:

 var story = ((Button)sender).BindingContext as Story;
  

Если вы используете шаблон MVVM, попробуйте следующее:

 <ListView x:Name="Stories">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout>
                    <Label Text="{Binding StoryName}" />
                    <Label Text="{Binding StoryCategories} "/>
                    <Button Command="{ Binding Path=BindingContext.OpenPopupCommand, Source={ x:Reference Stories } }" CommandParameter="{ Binding . }" />
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

  

В модели представления

 public ICommand OpenPopupCommand
{
    get
    {
        return new Command<Story>((x) => 
        {
            // x is Story type
        });
    }
}
  

Способ, которым я исправлял это в прошлом, заключается в передаче всей модели просмотра страницы истории на всплывающую страницу, а затем, когда категория изменяется, вы можете обновить метку на странице истории из модели просмотра всплывающей страницы. Я не знаю, лучшее ли это решение, но оно работает.