常連

> ここでDataGrid上で色々データを出力している中でDBテーブル上にコードしか持たないカラムをDataGridではコードを表示させず、固定の名称を出力したいと思っています。（コード:1の場合は「可」を表示、コード9は「不可」を表示)
> どのような手段があるのか教えていただけませんでしょうか？

データベースでどうにかする・`DataTable`でどうにかする・表示時にどうにかする等いろいろありそうな気はします（わたしは趣味グラマなので何が一般的かはわかりません^^;

データベースも全然わからないので、表示時にどうにかする方法です。
`Dictionary`と`DataGridComboBoxColumn`を使用します（`DataGridComboBoxColumn`は編集に難ありですが、ReadOnlyならいいでしょう）

```xml
<Window
  x:Class="Qdgnxya2nxjfyfx.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:vm="clr-namespace:Qdgnxya2nxjfyfx"
  Title="{Binding Title.Value}"
  Width="800"
  Height="450"
  Background="WhiteSmoke"
  FocusManager.FocusedElement="{Binding ElementName=searchBottun}">
  <Window.DataContext>
    <vm:MasterWindowViewModel />
  </Window.DataContext>
  <Window.Resources>
    <CollectionViewSource x:Key="TypeJp" Source="{Binding TypeJp}" />
  </Window.Resources>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Border
      Margin="20"
      Padding="8"
      HorizontalAlignment="Left"
      BorderBrush="CornflowerBlue"
      BorderThickness="1"
      CornerRadius="10">
      <StackPanel Orientation="Horizontal">
        <GroupBox
          Width="300"
          Margin="0,-4,0,0"
          Padding="4,0,0,0"
          BorderBrush="CornflowerBlue"
          Header="コード範囲">
          <StackPanel Orientation="Horizontal">
            <CheckBox
              Margin="0,0,20,0"
              VerticalAlignment="Center"
              VerticalContentAlignment="Center"
              Content="全件"
              IsChecked="{Binding CheckBoxAll.Value}" />
            <TextBox
              VerticalAlignment="Center"
              MaxLength="3"
              Text="{Binding InputSttid.Value}" />
            <Label Content="～" />
            <TextBox
              VerticalAlignment="Center"
              MaxLength="3"
              Text="{Binding InputEndid.Value}" />
          </StackPanel>
        </GroupBox>
        <Button
          x:Name="searchBottun"
          Grid.Column="1"
          MinWidth="80"
          Margin="8,16,8,8"
          VerticalAlignment="Center"
          Command="{Binding SearchCommand}"
          Content="検索" />
      </StackPanel>
    </Border>
    <DataGrid
      Grid.Row="1"
      Margin="20,0,20,20"
      AlternatingRowBackground="AliceBlue"
      AutoGenerateColumns="False"
      BorderBrush="CornflowerBlue"
      IsReadOnly="True"
      ItemsSource="{Binding MainDataGrid.Value}"
      RowHeaderWidth="20"
      SelectionMode="Single">
      <DataGrid.Columns>
        <DataGridTextColumn
          Width="100"
          Binding="{Binding id}"
          Header="コード" />
        <DataGridComboBoxColumn
          Width="150"
          DisplayMemberPath="Value"
          Header="種別"
          ItemsSource="{Binding Source={StaticResource TypeJp}}"
          SelectedValueBinding="{Binding type}"
          SelectedValuePath="Key" />
        <DataGridTextColumn
          Width="150"
          Binding="{Binding name}"
          Header="名称" />
        <DataGridTextColumn
          Width="150"
          Binding="{Binding volume}"
          Header="数量" />
        <DataGridTextColumn
          Width="150"
          Binding="{Binding display_order}"
          Header="表示順" />
      </DataGrid.Columns>
    </DataGrid>
    <StatusBar Grid.Row="2">
      <Label Content="" />
    </StatusBar>
  </Grid>
</Window>
```

```cs
using System.Collections.Generic;
using System.Data;
using System.Windows;
using Prism.Mvvm;
using Reactive.Bindings;

namespace Qdgnxya2nxjfyfx;


public class MasterWindowViewModel : BindableBase
{
    public ReactiveProperty<string> Title { get; } = new("マスタ登録");
    public ReactiveProperty<string> InputSttid { get; } = new("000");
    public ReactiveProperty<string> InputEndid { get; } = new("999");
    public ReactiveProperty<bool> CheckBoxAll { get; } = new(true);
    public ReactiveProperty<DataTable> MainDataGrid { get; } = new();

    public ReactiveCommand SearchCommand { get; } = new();

    public Dictionary<int, string> TypeJp { get; } = new()
    {
        { 1, "可" },
        { 9, "不可" },
    };

    public MasterWindowViewModel() => SearchCommand.Subscribe(SearchButtonOnClick);

    private void SearchButtonOnClick()
    {
        var dt = new DataTable();
        dt.Columns.Add("id");
        dt.Columns.Add("type");
        dt.Columns.Add("name");
        dt.Columns.Add("volume");
        dt.Columns.Add("display_order");

        dt.Rows.Add(1, 1, "名称１", "数量１", "表示順１");
        dt.Rows.Add(2, 9, "名称２", "数量２", "表示順２");

        MainDataGrid.Value = dt;
    }
}

public partial class MainWindow : Window
{
    public MainWindow() => InitializeComponent();
}
```
![アプリ画像](https://ddjkaamml8q8x.cloudfront.net/questions/2022-12-07/db0d25a7-9dc4-4868-a0be-3074cff28e63.png)

---

> また、MVVMやWPFやPrismやReactivePropertyを勉強するのにいいサイトやサンプルがあれば
> 教えてください！

わたしはWeb上の情報のみで十分学習できました（基本的には詰まったときにｇｇるだけですｗ
mitu1122さんも既に見ているものも多いでしょうが...

### WPF
ある程度まとまっているのはこのあたりでしょうか。
[» WPF 学習用ドキュメント作りました](http://kisuke0303.sakura.ne.jp/blog/?p=340)

[WPF 4.5入門 | 大田一希 | 工学 | Kindleストア | Amazon](https://www.amazon.co.jp/dp/B015WXYUUU)
[WPF4.5入門のPDF - かずきのBlog@hatena](https://blog.okazuki.jp/entry/2014/12/27/200846)

記事数は少ないですが、おしゃれで素敵。
[uEN Laboratory](http://s-ueno.github.io/)

### Prism
ぶっちゃけドキュメントもサンプルも物足りないですね^^;
[Introduction to Prism | Prism](https://prismlibrary.com/docs/)
[PrismLibrary/Prism-Samples-Wpf: Samples that demonstrate how to use various Prism features with WPF](https://github.com/PrismLibrary/Prism-Samples-Wpf)

ある程度の規模のアプリで、作者本人が書いているのはこちらです。
[brianlagunas/PrismOutlook: The Prism for WpF app that we are building live on Twitch/YouTube](https://github.com/brianlagunas/PrismOutlook)
[Prism for WPF - Building Outlook - YouTube](https://www.youtube.com/playlist?list=PLG8rj6Rr0BU8MaincrMrHuhJrI2Id8RSW)

しかし有償のコントロールを使いまくってる上、本題でないところに無駄に凝っていてサンプルとしてはいまいちです^^;
有償のコントロールを雑に省いたフォーク [TN8001/PrismOutlook: noig](https://github.com/TN8001/PrismOutlook)

日本語ではこちらが結構な量の記事を書かれてますね。
[:: halation ghost ::](https://elf-mission.net/)

### ReactiveProperty
見ているでしょうが、こちらで必要十分でしょう。
[MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版 前編 - Qiita](https://qiita.com/okazuki/items/7572f46848d0e93516b1)
[MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版 中編 - Qiita](https://qiita.com/okazuki/items/dae37c42776727e6c8a5)
[MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版 後編 - Qiita](https://qiita.com/okazuki/items/6faac7cb1a7d8a6ad0f2)

不可解な挙動があったら「実はバグでした」みたいなこともあるので、そういう時はイシューも確認しましょう。
[Issues · runceel/ReactiveProperty](https://github.com/runceel/ReactiveProperty/issues)



> ここでDataGrid上で色々データを出力している中でDBテーブル上にコードしか持たないカラムをDataGridではコードを表示させず、固定の名称を出力したいと思っています。（コード:1の場合は「可」を表示、コード9は「不可」を表示)
> どのような手段があるのか教えていただけませんでしょうか？

データベースでどうにかする・`DataTable`でどうにかする・表示時にどうにかする等いろいろありそうな気はします（わたしは趣味グラマなので何が一般的かはわかりません^^;

データベースも全然わからないので、表示時にどうにかする方法です。
`Dictionary`と`DataGridComboBoxColumn`を使用します（`DataGridComboBoxColumn`は編集に難ありですが、ReadOnlyならいいでしょう）

```xml
<Window
  x:Class="Qdgnxya2nxjfyfx.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:vm="clr-namespace:Qdgnxya2nxjfyfx"
  Title="{Binding Title.Value}"
  Width="800"
  Height="450"
  Background="WhiteSmoke"
  FocusManager.FocusedElement="{Binding ElementName=searchBottun}">
  <Window.DataContext>
    <vm:MasterWindowViewModel />
  </Window.DataContext>
  <Window.Resources>
    <CollectionViewSource x:Key="TypeJp" Source="{Binding TypeJp}" />
  </Window.Resources>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Border
      Margin="20"
      Padding="8"
      HorizontalAlignment="Left"
      BorderBrush="CornflowerBlue"
      BorderThickness="1"
      CornerRadius="10">
      <StackPanel Orientation="Horizontal">
        <GroupBox
          Width="300"
          Margin="0,-4,0,0"
          Padding="4,0,0,0"
          BorderBrush="CornflowerBlue"
          Header="コード範囲">
          <StackPanel Orientation="Horizontal">
            <CheckBox
              Margin="0,0,20,0"
              VerticalAlignment="Center"
              VerticalContentAlignment="Center"
              Content="全件"
              IsChecked="{Binding CheckBoxAll.Value}" />
            <TextBox
              VerticalAlignment="Center"
              MaxLength="3"
              Text="{Binding InputSttid.Value}" />
            <Label Content="～" />
            <TextBox
              VerticalAlignment="Center"
              MaxLength="3"
              Text="{Binding InputEndid.Value}" />
          </StackPanel>
        </GroupBox>
        <Button
          x:Name="searchBottun"
          Grid.Column="1"
          MinWidth="80"
          Margin="8,16,8,8"
          VerticalAlignment="Center"
          Command="{Binding SearchCommand}"
          Content="検索" />
      </StackPanel>
    </Border>
    <DataGrid
      Grid.Row="1"
      Margin="20,0,20,20"
      AlternatingRowBackground="AliceBlue"
      AutoGenerateColumns="False"
      BorderBrush="CornflowerBlue"
      IsReadOnly="True"
      ItemsSource="{Binding MainDataGrid.Value}"
      RowHeaderWidth="20"
      SelectionMode="Single">
      <DataGrid.Columns>
        <DataGridTextColumn
          Width="100"
          Binding="{Binding id}"
          Header="コード" />
        <DataGridComboBoxColumn
          Width="150"
          DisplayMemberPath="Value"
          Header="種別"
          ItemsSource="{Binding Source={StaticResource TypeJp}}"
          SelectedValueBinding="{Binding type}"
          SelectedValuePath="Key" />
        <DataGridTextColumn
          Width="150"
          Binding="{Binding name}"
          Header="名称" />
        <DataGridTextColumn
          Width="150"
          Binding="{Binding volume}"
          Header="数量" />
        <DataGridTextColumn
          Width="150"
          Binding="{Binding display_order}"
          Header="表示順" />
      </DataGrid.Columns>
    </DataGrid>
    <StatusBar Grid.Row="2">
      <Label Content="" />
    </StatusBar>
  </Grid>
</Window>
```

```cs
using System.Collections.Generic;
using System.Data;
using System.Windows;
using Prism.Mvvm;
using Reactive.Bindings;

namespace Qdgnxya2nxjfyfx;


public class MasterWindowViewModel : BindableBase
{
    public ReactiveProperty<string> Title { get; } = new("マスタ登録");
    public ReactiveProperty<string> InputSttid { get; } = new("000");
    public ReactiveProperty<string> InputEndid { get; } = new("999");
    public ReactiveProperty<bool> CheckBoxAll { get; } = new(true);
    public ReactiveProperty<DataTable> MainDataGrid { get; } = new();

    public ReactiveCommand SearchCommand { get; } = new();

    public Dictionary<int, string> TypeJp { get; } = new()
    {
        { 1, "可" },
        { 9, "不可" },
    };

    public MasterWindowViewModel() => SearchCommand.Subscribe(SearchButtonOnClick);

    private void SearchButtonOnClick()
    {
        var dt = new DataTable();
        dt.Columns.Add("id");
        dt.Columns.Add("type");
        dt.Columns.Add("name");
        dt.Columns.Add("volume");
        dt.Columns.Add("display_order");

        dt.Rows.Add(1, 1, "名称１", "数量１", "表示順１");
        dt.Rows.Add(2, 9, "名称２", "数量２", "表示順２");

        MainDataGrid.Value = dt;
    }
}

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

---

> また、MVVMやWPFやPrismやReactivePropertyを勉強するのにいいサイトやサンプルがあれば
> 教えてください！

わたしはWeb上の情報のみで十分学習できました（基本的には詰まったときにｇｇるだけですｗ
mitu1122さんも既に見ているものも多いでしょうが...

### WPF
ある程度まとまっているのはこのあたりでしょうか。
[» WPF 学習用ドキュメント作りました](http://kisuke0303.sakura.ne.jp/blog/?p=340)

[WPF 4.5入門 | 大田一希 | 工学 | Kindleストア | Amazon](https://www.amazon.co.jp/dp/B015WXYUUU)
[WPF4.5入門のPDF - かずきのBlog@hatena](https://blog.okazuki.jp/entry/2014/12/27/200846)

記事数は少ないですが、おしゃれで素敵。
[uEN Laboratory](http://s-ueno.github.io/)

### Prism
ぶっちゃけドキュメントもサンプルも物足りないですね^^;
[Introduction to Prism | Prism](https://prismlibrary.com/docs/)
[PrismLibrary/Prism-Samples-Wpf: Samples that demonstrate how to use various Prism features with WPF](https://github.com/PrismLibrary/Prism-Samples-Wpf)

ある程度の規模のアプリで、作者本人が書いているのはこちらです。
[brianlagunas/PrismOutlook: The Prism for WpF app that we are building live on Twitch/YouTube](https://github.com/brianlagunas/PrismOutlook)
[Prism for WPF - Building Outlook - YouTube](https://www.youtube.com/playlist?list=PLG8rj6Rr0BU8MaincrMrHuhJrI2Id8RSW)

しかし有償のコントロールを使いまくってる上、本題でないところに無駄に凝っていてサンプルとしてはいまいちです^^;
有償のコントロールを雑に省いたフォーク [TN8001/PrismOutlook: noig](https://github.com/TN8001/PrismOutlook)

日本語ではこちらが結構な量の記事を書かれてますね。
[:: halation ghost ::](https://elf-mission.net/)

### ReactiveProperty
見ているでしょうが、こちらで必要十分でしょう。
[MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版 前編 - Qiita](https://qiita.com/okazuki/items/7572f46848d0e93516b1)
[MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版 中編 - Qiita](https://qiita.com/okazuki/items/dae37c42776727e6c8a5)
[MVVM をリアクティブプログラミングで快適に ReactiveProperty オーバービュー 2020 年版 後編 - Qiita](https://qiita.com/okazuki/items/6faac7cb1a7d8a6ad0f2)

不可解な挙動があったら「実はバグでした」みたいなこともあるので、そういう時はイシューも確認しましょう。
[Issues · runceel/ReactiveProperty](https://github.com/runceel/ReactiveProperty/issues)



@@ -163,6 +163,7 @@
     public MainWindow() => InitializeComponent();
 }
 ```
+![アプリ画像](https://ddjkaamml8q8x.cloudfront.net/questions/2022-12-07/db0d25a7-9dc4-4868-a0be-3074cff28e63.png)
 ---

回答編集履歴