質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.78%

WPF(MVVM)、Prism+ReactivePropertyの環境でDataGird上のセルの値が変更されたときの変更通知をCollection側で捕捉したい。

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 4,812

score 7

環境

Visual Studio 2017 WPF(C#)
.Net Framework 4.6.2
Prism.Core 6.3.0 (NuGetよりインストール)
ReactiveProperty 3.6.0 (NuGetよりインストール)

実現したいこと

DataGird上で年齢のカラムが変更されフォーカスがロストした際に
TextBoxに年齢を集計して表示したいです。

問題点

DataGird上でデータを変更した際にカラム用のViewModel及びModelでは変更通知が捕捉できますが
行データ用のCollectionのほうで変更通知を捕捉したいのですが捕捉方法がわかりません。

using Prism.Mvvm;

namespace DataGridSampleProject.Models
{
    public class PersonModel : BindableBase
    {
        private string name;

        public string Name
        {
            get { return this.name; }
            set { this.SetProperty(ref this.name, value); }
        }

        private int age;

        public int Age
        {
            get { return this.age; }
            set { this.SetProperty(ref this.age, value); }
        }
    }
}
using System.Collections.ObjectModel;

namespace DataGridSampleProject.Models
{
    public class PeopleModel
    {
        public ObservableCollection<PersonModel> People { get; private set; }

        public PeopleModel()
        {
            this.People = new ObservableCollection<PersonModel>();

            this.People.Add(new PersonModel { Name = "一郎", Age = 44 });
            this.People.Add(new PersonModel { Name = "次郎", Age = 38 });
            this.People.Add(new PersonModel { Name = "三郎", Age = 29 });
            this.People.Add(new PersonModel { Name = "史郎", Age = 25 });
        }
    }
}
using Reactive.Bindings;
using Reactive.Bindings.Extensions;

using DataGridSampleProject.Models;

namespace DataGridSampleProject.ViewModels
{
    public class PersonViewModel
    {
        public ReactiveProperty<string> Name { get; private set; }

        public ReactiveProperty<string> Age { get; private set; }

        public PersonViewModel(PersonModel model)
        {
            this.Name = model.ToReactivePropertyAsSynchronized(x => x.Name);

            this.Age = model.ToReactivePropertyAsSynchronized
                (
                    x => x.Age,
                    convert: x => x.ToString(),
                    convertBack: x =>
                    {
                        try
                        {
                            return int.Parse(x);
                        }
                        catch
                        {
                            return -1;
                        }
                    }
                );
        }
    }
}
using System.Reactive.Disposables;
using System.Linq;

using Reactive.Bindings;
using Reactive.Bindings.Extensions;

using DataGridSampleProject.Models;

namespace DataGridSampleProject.ViewModels
{
    public class PeopleViewModel
    {
        private CompositeDisposable Disposeable { get; } = new CompositeDisposable();

        public ReadOnlyReactiveCollection<PersonViewModel> People { get; private set; }

        private string total; 

        public string Total
        {
            get
            {
                return this.People.Sum(x => long.Parse(x.Age.Value.ToString())).ToString();
            }
            set
            {
                this.total = value;
            }
        }

        public PeopleViewModel()
        {
            var m = new PeopleModel();

            this.People = m.People.ToReadOnlyReactiveCollection(x => new PersonViewModel(x)).AddTo(this.Disposeable);
        }
    }
}
<Window x:Class="DataGridSampleProject.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:DataGridSampleProject.Views"
        mc:Ignorable="d"
        Title="MainWindow" Height="800" Width="1280" WindowStartupLocation="CenterScreen">
    <StackPanel>
        <DataGrid AutoGenerateColumns="False"
                  GridLinesVisibility="All"
                  VerticalGridLinesBrush="Silver"
                  HorizontalGridLinesBrush="Silver"
                  HeadersVisibility="All"
                  RowHeaderWidth="31.4"
                  RowBackground="White"
                  AlternatingRowBackground="AliceBlue"
                  SelectionMode="Single"
                  SelectionUnit="FullRow"
                  ItemsSource="{Binding Path=People}"
                  HorizontalScrollBarVisibility="Auto"
                  VerticalScrollBarVisibility="Visible">
            <DataGrid.Columns>
                <!-- 名前 -->
                <DataGridTemplateColumn Width="182">
                    <DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="DataGridColumnHeader">
                            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                        </Style>
                    </DataGridTemplateColumn.HeaderStyle>
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <TextBlock Text="名前" />
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Path=Name.Value, Mode=OneWay}" TextAlignment="Left" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Path=Name.Value, Mode=TwoWay, UpdateSourceTrigger=LostFocus}"
                                     TextAlignment="Left" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
                <!-- 年齢 -->
                <DataGridTemplateColumn Width="182">
                    <DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="DataGridColumnHeader">
                            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                        </Style>
                    </DataGridTemplateColumn.HeaderStyle>
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <TextBlock Text="年齢" />
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Path=Age.Value, Mode=OneWay}" TextAlignment="Right" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Path=Age.Value, Mode=TwoWay, UpdateSourceTrigger=LostFocus}"
                                     TextAlignment="Right" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
        <TextBox Text="{Binding Path=Total}" />
    </StackPanel>
</Window>
using System.Windows;

using DataGridSampleProject.ViewModels;

namespace DataGridSampleProject.Views
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.InitializeComponent();

            this.DataContext = new PeopleViewModel();
        }
    }
}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+2

合計表示できたので、貼っておきます

<Window x:Class="DataGridSampleProject.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:DataGridSampleProject"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        mc:Ignorable="d"
        Title="MainWindow" Height="800" Width="1280" WindowStartupLocation="CenterScreen">
    <StackPanel>
        <DataGrid AutoGenerateColumns="False"
                  GridLinesVisibility="All"
                  VerticalGridLinesBrush="Silver"
                  HorizontalGridLinesBrush="Silver"
                  HeadersVisibility="All"
                  RowHeaderWidth="31.4"
                  RowBackground="White"
                  AlternatingRowBackground="AliceBlue"
                  SelectionMode="Single"
                  SelectionUnit="FullRow"
                  ItemsSource="{Binding Path=People}"
                  HorizontalScrollBarVisibility="Auto"
                  VerticalScrollBarVisibility="Visible">

            <i:Interaction.Behaviors>
                <local:DataGridBehavior/>
            </i:Interaction.Behaviors>

            <DataGrid.Columns>
                <!-- 名前 -->
                <DataGridTemplateColumn Width="182">
                    <DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="DataGridColumnHeader">
                            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                        </Style>
                    </DataGridTemplateColumn.HeaderStyle>
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <TextBlock Text="名前" />
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Path=Name.Value, Mode=OneWay}" TextAlignment="Left" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Path=Name.Value, Mode=TwoWay, UpdateSourceTrigger=LostFocus}"
                                     TextAlignment="Left" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
                <!-- 年齢 -->
                <DataGridTemplateColumn Width="182">
                    <DataGridTemplateColumn.HeaderStyle>
                        <Style TargetType="DataGridColumnHeader">
                            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                        </Style>
                    </DataGridTemplateColumn.HeaderStyle>
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <TextBlock Text="年齢" />
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Path=Age.Value, Mode=OneWay}" TextAlignment="Right" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Path=Age.Value, Mode=TwoWay, UpdateSourceTrigger=LostFocus}"
                                     TextAlignment="Right" Height="24" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
        <TextBox Text="{Binding Path=Total}" />
    </StackPanel>
</Window>
using Reactive.Bindings;
using Reactive.Bindings.Extensions;
using System;
using System.ComponentModel;
using System.Linq;
using System.Reactive.Disposables;
using System.Runtime.CompilerServices;

namespace DataGridSampleProject.ViewModels
{
    public class PeopleViewModel : INotifyPropertyChanged
    {
        private CompositeDisposable Disposeable { get; } = new CompositeDisposable();

        public ReadOnlyReactiveCollection<PersonViewModel> People { get; private set; }

        private string total;

        public string Total
        {
            get
            {
                return this.People.Sum(x => long.Parse(x.Age.Value.ToString())).ToString();
            }
            set
            {
                this.total = value;
            }
        }

        public PeopleViewModel()
        {
            var m = new PeopleModel();
            this.People = m.People.ToReadOnlyReactiveCollection(x => new PersonViewModel(x)).AddTo(this.Disposeable);
        }

        public event PropertyChangedEventHandler PropertyChanged;

        public void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}
using System.Windows.Controls;
using System.Windows.Interactivity;

namespace DataGridSampleProject
{
    public class DataGridBehavior : Behavior<DataGrid>
    {
        private bool _isEditEnding = false;

        protected override void OnAttached()
        {
            base.OnAttached();
            this.AssociatedObject.SelectedCellsChanged += AssociatedObject_SelectedCellsChanged;
            this.AssociatedObject.CellEditEnding += AssociatedObject_CellEditEnding;
        }

        protected override void OnDetaching()
        {
            base.OnDetaching();
            this.AssociatedObject.SelectedCellsChanged -= AssociatedObject_SelectedCellsChanged;
            this.AssociatedObject.CellEditEnding -= AssociatedObject_CellEditEnding;
        }

        private void AssociatedObject_CellEditEnding(object sender, DataGridCellEditEndingEventArgs e)
        {
            _isEditEnding = true;
        }

        private void AssociatedObject_SelectedCellsChanged(object sender, SelectedCellsChangedEventArgs e)
        {
            if (_isEditEnding)
            {
                var dg = sender as DataGrid;
                var vm = dg.DataContext as ViewModels.PeopleViewModel;
                vm.NotifyPropertyChanged("Total");
                _isEditEnding = false;
            }
        }
    }
}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/05/12 15:37

    コメントが遅くなり申し訳ありません。
    回答いただきありがとうございます。確かにBehaviorを使えば想定通りの動きが出来ました。
    ありがとうございます!

    キャンセル

0

質問の答えにならないかもしれませんが
Behaviorを使って
CellEditEndingかSelectedCellsChangedあたりの
イベントで処理してみてはいかがでしょうか

【WPF】Behaviorで快適WPFライフ

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.78%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • トップ
  • C#に関する質問
  • WPF(MVVM)、Prism+ReactivePropertyの環境でDataGird上のセルの値が変更されたときの変更通知をCollection側で捕捉したい。