【C# WPF】格納したデータがリストボックスに表示されない

Question

前提・実現したいこと

Jsonファイルから読み込んで格納したデータをListBoxに表示したい

お世話になっております。
Jsonファイルからreadしたデータを宣言した配列内に格納し、xamlのListBoxで表示したいのですがデータがListBox内に表示されません。

下記でも記載しておりますが、Jsonの第1階層は表示できておりその配下の配列内のデータが表示されません。

実行した際のListBox内を押下すると、青枠が表示される状況です。
その際、出力ウインドウを確認しましたが特にエラーのようなものは出ておりませんでした。

どうしたらListBox内にデータが表示されるかご教授いただければ幸いです。

また投稿は初となりまして、文章や質問の仕方に拙い部分があるかと思いますがどうかよろしくお願いいたします。

該当のソースコード

Json読み込み、格納

MUData[] _data;
Manager[] _managersdata; //Jsonデータを格納するbox

private void OpenButton_Click(object sender, RoutedEventArgs e)
        {
            var dialog = new OpenFileDialog();
            dialog.Filter = "json|*.json";
            if (dialog.ShowDialog().Value)
            {
                var file = dialog.FileName;

                try
                {
                    var reader = new StreamReader(file);
                    var data = reader.ReadToEnd();
                    reader.Close();
                    _data = JsonConvert.DeserializeObject<MUData[]>(data);
                    _managersdata = JsonConvert.DeserializeObject<Manager[]>(data);
                }
                catch (Exception error)
                {
                    if (error.Message != null)
                        Debug.WriteLine(error.Message);
                }

                if (_data != null)
                {
                    NameListBox.ItemsSource = _data;
                }

                if (_managersdata != null)
                {
                    ManagerListBox.ItemsSource = _managersdata;
                }
            }
        }

クラスの宣言

    public class Manager
    {
        public string p_name { get; set; }
    }

    public class MUData
    {
        public string name { get; set; }
        public List<Manager> manager_list { get; set; }
    }

<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="Manager一覧" VerticalAlignment="Top" Height="25" Width="100" FontSize="18" Grid.Column="2"/>
<ListBox x:Name="ManagerListBox"ScrollViewer.HorizontalScrollBarVisibility="Disabled" DisplayMemberPath="p_name" Grid.Column="2" />

[
{
    "name": "katsu",
    "manager_list": [
      {
        "p_name": "katsudon",
      },
      {
         "p_name": "tendon",
      },
・
・
・
      ]
]

問題点

画像のようにListBoxは生成されるが、Textが表示されない。

試したこと

JSONファイルのnameは表示することができました。
その配下の配列データを同様に表示しようとすると上記のような状態になります。

補足情報（FW/ツールのバージョンなど）

Microsoft Visual Studio Community 2022 (64 ビット) - Current　Version 17.1.2
C#
WPF
Newtonsoft.json

Comments

[退会済みユーザー]

> _managersdata = JsonConvert.DeserializeObject<Manager[]>(data);

それで期待通り _managersdata に目的のオブジェクトは取得できているのでしょうか？

[len_souko]

JSONとMUDataの定義は一致しているように見えますが、MUDataの配列ではないように思えます
また、JSONはManagerの配列ではないはずです

なので、JSONとMUDataの定義は一致しているようですが、C#の処理がJSONデータと異なるデータを取得しようとしているようにしか見えません

ソースコードが間違っているのか、JSONが間違っているのかのどちらかだと思いますが、質問に書いてある情報は実際に作ったものと一致していますか？

[tranokado]

ご確認ありがとうございます。

JSONファイルなどの一部は冗長になるかなと思いまして一部カットしております。わかりにくくなってしまい申し訳ございません。
JSONの構造ですが、まず"name"が１階層目の配列なっておりましてデータが入っており、さらにその配下に"p_name"というデータが配列で複数格納されているというものになります。

C#、JSONの方に追記させていただきましたのでご確認頂けますと幸いです。

[退会済みユーザー]

質問者さん、無言ですが、回答が出ているのでそれらに対するフィードバックを返してください。役に立った/立たなかったぐらいはすぐ返せるのでは？　役に立たなかったならどこがダメだったかを書くと、より期待するものに近い回答が出てくるかも。とにかく無言は NG です。

[len_souko]

同じ文字列に対して、MUDataの配列として復元しようとして、その直後にManagerの配列としても復元しようとしているので、s子からすでに間違いなんですが、2022/04/10 21:18の返答を見るあたり、JsonConvert.DeserializeObjectの機能を理解していないと思われます

Answer 1

JSON 文字列 data が、質問に書いてあるように以下のような形だとすると、

{
    "name": "katsu",
    "manager_list": [
      {
        "p_name": "katsudon",
      },
      {
         "p_name": "tendon",
      }
    ]
}

それを JsonConvert.DeserializeObject<T> でデシリアライズして得られるのは質問に書いてあった「クラスの宣言」の MUData クラスのオブジェクトのはずで、T は MUData にする、即ち以下のようにすべきです。

MuData mudata = JsonConvert.DeserializeObject<MUData>(data);

上のようにデシリアライズした MuData クラスのオブジェクトの manager_list プロパティから List<Manager> 型のオブジェクトが取得できるので、それを ListBox に設定してやるのではないのですか？

Comments

[tranokado]

ご連絡遅くなり大変申し訳ございません。また、本作業に移らせていただくのが本日夜からになってしまうことを謹んでお詫び申し上げます。

ご回答ありがとうございます。
なるほど、MUDataクラスからList<Manager> 型のオブジェクトを取得してきてListBoxに設置するのですね。
本日夜から作業に移らせていただきたいと思いますので、大変恐縮ではございますが今しばらくお待ちいただけると幸いです。

[退会済みユーザー]

JSON 文字列を最初に質問欄に書いたものと変えてますよね？　代えた後のものであれば、あなたが質問に書いた、

> _data = JsonConvert.DeserializeObject<MUData[]>(data);

でデシリアライズできていると思いますけど。あとは何をどういう形で ListBox に表示したいかに応じて、_data から必要なデータを必要な形で取り出して ListBox に設定するかという話になると思いますけど。

Answer 2

JSONファイルのnameは表示することができました。

DisplayMemberPath="name"って意味ですね？

その配下の配列データを同様に表示しようとすると上記のような状態になります。

p_nameはリストの配列（配列の中にあるリストの中にあるオブジェクトの文字列プロパティ）ですが、どう表示したいんでしょうか？

• TreeViewに表示する
  階層データですからTreeViewのほうが向いているような？
  HierarchicalDataTemplate クラス (System.Windows) | Microsoft Docs

• MUDataでグループ化してListBoxに表示
  これもありですね。
  方法: XAML でビューを使用してデータの並べ替えおよびグループ化を行う - WPF .NET Framework | Microsoft Docs

• すべてのManagerをフラット化
  MUDataはどうでもよくて、p_nameだけ一覧できればいい場合。
  C# SelectMany - Google 検索

• ListBoxが２つある
  そういう場合は「マスター詳細パターン」です。
  方法: 階層データでマスター詳細パターンを使用する - WPF .NET Framework | Microsoft Docs

<Window
  x:Class="Qmpalyja24rzx8z.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:Qmpalyja24rzx8z"
  Width="800"
  Height="450">
  <DockPanel>
    <Button
      Click="OpenButton_Click"
      Content="読み込み"
      DockPanel.Dock="Top" />
    <UniformGrid Columns="4">

      <GroupBox Header="TreeView">
        <TreeView x:Name="treeView">
          <TreeView.ItemTemplate>
            <HierarchicalDataTemplate DataType="local:MUData" ItemsSource="{Binding manager_list}">
              <HierarchicalDataTemplate.ItemTemplate>
                <HierarchicalDataTemplate DataType="local:Manager">
                  <TextBlock Text="{Binding p_name}" />
                </HierarchicalDataTemplate>
              </HierarchicalDataTemplate.ItemTemplate>
              <TextBlock Text="{Binding name}" />
            </HierarchicalDataTemplate>
          </TreeView.ItemTemplate>
        </TreeView>
      </GroupBox>

      <GroupBox Header="グループ化">
        <ListBox x:Name="listBox1" DisplayMemberPath="p_name">
          <ListBox.GroupStyle>
            <x:Static Member="GroupStyle.Default" />
          </ListBox.GroupStyle>
        </ListBox>
      </GroupBox>

      <GroupBox Header="フラット化">
        <ListBox x:Name="listBox2" DisplayMemberPath="p_name" />
      </GroupBox>

      <GroupBox Header="マスター詳細">
        <Grid>
          <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
          </Grid.RowDefinitions>
          <GroupBox Header="MUData一覧">
            <ListBox
              DisplayMemberPath="name"
              IsSynchronizedWithCurrentItem="true"
              ItemsSource="{Binding}" />
          </GroupBox>
          <GroupBox Grid.Row="1" Header="Manager一覧">
            <ListBox DisplayMemberPath="p_name" ItemsSource="{Binding /manager_list}" />
          </GroupBox>
        </Grid>
      </GroupBox>
    </UniformGrid>
  </DockPanel>
</Window>

using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Data;
using Newtonsoft.Json;

namespace Qmpalyja24rzx8z
{
    public class Manager
    {
        public string p_name { get; set; }
    }

    public class MUData
    {
        public string name { get; set; }
        public List<Manager> manager_list { get; set; }
    }

    public partial class MainWindow : Window
    {
        public MainWindow() => InitializeComponent();

        private void OpenButton_Click(object sender, RoutedEventArgs e)
        {
            var json = @"
[
    {
        ""name"": ""katsu"",
        ""manager_list"": [
            {
                ""p_name"": ""katsudon""
            },
            {
                ""p_name"": ""tendon""
            }
        ]
    },
    {
        ""name"": ""katsu2"",
        ""manager_list"": [
            {
                ""p_name"": ""katsudon2""
            },
            {
                ""p_name"": ""tendon2""
            }
        ]
    }
]
".Trim();
            var data = JsonConvert.DeserializeObject<MUData[]>(json);

            // 階層データなのでTreeViewにはジャストフィット
            treeView.ItemsSource = data;

            // グループ化する場合はCollectionViewSource
            var cvs = new CollectionViewSource
            {
                // フラット化しつつグループ名（name）も入れる。面倒なので匿名クラス
                Source = data.SelectMany(x => x.manager_list.Select(y => new
                {
                    name = x.name,
                    p_name = y.p_name,
                })),
            };
            cvs.GroupDescriptions.Add(new PropertyGroupDescription("name"));
            listBox1.ItemsSource = cvs.View;

            // フラット化するならSelectManyするだけ
            listBox2.ItemsSource = data.SelectMany(x => x.manager_list);

            // マスター詳細パターン
            DataContext = data;
        }
    }
}

Comments

[tranokado]

具体的な希望表示方法について記載していないばかりに３種類の提案を頂き誠にありがとうございます。

|　DisplayMemberPath="name"って意味ですね？
はい合っております。

|　p_nameは配列のリストになっていますが、どう表示したいんでしょうか？
今回用いたいJsonファイルのp_nameに格納されているデータが大量のため、nameが埋もれてしまうということを考慮しておりまして、nameを表示するboxとp_nameを表示するboxを分けようと考えています。

そのため、いただいた3つの表示法のうち
|　すべてのManagerをフラット化
を試したいと考えております。
理想としては、特定nameを押下時にそれに該当するp_nameだけを表示したいと考えておりますが
一旦すべてのp_nameを表示できるようになってから考えたいと思います。

ご連絡遅くなり誠に申し訳ございませんが、本日本業の方が終わり次第作業に入らせていただきますので
今しばらくお待ちいただけたらと思います。

[TN8001]

回答を修正しました。

> 今回用いたいJsonファイルのp_nameに格納されているデータが大量のため、nameが埋もれてしまうということを考慮しておりまして、nameを表示するboxとp_nameを表示するboxを分けようと考えています。

これは回答画像右端のようなことであっていますでしょうか？

> |　すべてのManagerをフラット化
> を試したいと考えております。

これと最初の引用「nameが埋もれてしまう」と矛盾するのが気になりますが^^;

> 今しばらくお待ちいただけたらと思います。

ごゆっくりどうぞ。こちらは全く急いでいませんのでｗ

[tranokado]

ご回答ありがとうございます。
>これは回答画像右端のようなことであっていますでしょうか？
はい、合っております。

>これと最初の引用「nameが埋もれてしまう」と矛盾するのが気になりますが^^;
画像の右端でご指定いただいた通り、MUData一覧とManagr一覧を分けることが理想の状態でした。
今回Manager一覧のデータ量が多数あり、MUDataとツリー上に表記すると埋もれてしまうと考えておりました。

結果としては
マスター詳細パターン
が最も自分の書きたかったコードでした。

複数種類のご提案ありがとうございます。とても勉強になりました。