Quantcast
Channel: かずきのBlog@hatena
Viewing all articles
Browse latest Browse all 1387

UWPのListViewのItemTemplate内のボタンをクリックしたときにPageのDataContextにセットしたViewModelのメソッドを呼んでかつ押された行のデータが知りたいコマンド編

$
0
0

blog.okazuki.jp

初音さんがコマンドの場合のを教えてくれました。InvokeCommandActionを使えばこういう感じでいけます。

VMをコマンドに変更して

using Prism.Commands;
using Prism.Mvvm;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Diagnostics;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// 空白ページのアイテム テンプレートについては、http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409 を参照してくださいnamespace App9
{
    /// <summary>/// それ自体で使用できる空白ページまたはフレーム内に移動できる空白ページ。/// </summary>publicsealedpartialclass MainPage : Page
    {
        public MainPageViewModel ViewModel => this.DataContext as MainPageViewModel;

        public MainPage()
        {
            this.InitializeComponent();
        }
    }

    publicclass MainPageViewModel : BindableBase
    {
        public ObservableCollection<ItemViewModel> Items { get; } = new ObservableCollection<ItemViewModel>
        {
            new ItemViewModel { Value = "Item1" },
            new ItemViewModel { Value = "Item2" },
            new ItemViewModel { Value = "Item3" },
        };

        public DelegateCommand<ItemViewModel> AlertCommand { get; } = new DelegateCommand<ItemViewModel>(x =>
        {
            Debug.WriteLine($"Alert {x.Value}");
        });
    }

    publicclass ItemViewModel : BindableBase
    {
        privatestringvalue;

        publicstring Value
        {
            get { returnthis.value; }
            set { this.SetProperty(refthis.value, value); }
        }

    }
}

そして、InvokeCommandActionでこう指定すればOKです。

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="using:App9"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"xmlns:Core="using:Microsoft.Xaml.Interactions.Core"x:Class="App9.MainPage"mc:Ignorable="d"x:Name="Root"><Page.DataContext><local:MainPageViewModel /></Page.DataContext><Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"><ListView ItemsSource="{x:Bind ViewModel.Items}"><ListView.ItemTemplate><DataTemplate x:DataType="local:ItemViewModel"><StackPanel><TextBlock Text="{x:Bind Value}" /><Button Content="OKOK"><Interactivity:Interaction.Behaviors><Core:EventTriggerBehavior EventName="Click"><Core:InvokeCommandAction Command="{Binding ElementName=Root, Path=DataContext.AlertCommand}"CommandParameter="{Binding}" /></Core:EventTriggerBehavior></Interactivity:Interaction.Behaviors></Button></StackPanel></DataTemplate></ListView.ItemTemplate></ListView></Grid></Page>

CommandParameterにBindingすればOKですね。確かに。


Viewing all articles
Browse latest Browse all 1387

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>