【UWP】XAMLにおいて、データを保持する方法について。

Question

お世話になっております。
UWPで、アプリ開発を行っており、分からないことがあったたため、質問させていただきます。

ローカルに蓄積しているデータを取得し、その取得したデータ数に応じて、ボタンを生成し、押下したボタンに応じて、（画面遷移の際に）渡すパラメータを変更するということを行いたいと考えております。

そうした際に、下記２つの実現方法があるのではないかと思っておりますが、色々と調べてみたのですが、分からなかったため、自分のこの考え方が合っているのかどうかも、含めてご意見いただけますと幸いです。

1. HTMLのdata属性と同じような、プロパティが存在し、そこに値をセットし、その値を取得する。
2. HTMLのhiddenタグと同じようなものが存在し、そこに値をセットし、その値を取得する。

下記に、該当分のXAMLのコードを記載いたします。

なお、ボタンは、通常のボタンではなく、CommandBarのAppBarButtonになります。
該当箇所：「<AppBarButton Content="{Binding DisplayName}" Click="{x:Bind ViewModel.NavigateTo}" />」

以上、どうぞ、よろしくお願いいたします。

        <CommandBar DefaultLabelPosition="Right" Margin="-24,0,-24,0" VerticalAlignment="Top">
            <CommandBar.Content>
                <StackPanel Orientation="Horizontal">
                    <AppBarButton Icon="Home" Label="" />
                    <ItemsControl ItemsSource="{x:Bind ViewModel._CurrentPathFoldersList}">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Orientation="Horizontal" />
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <AppBarButton Content="{Binding DisplayName}"  Click="{x:Bind ViewModel.NavigateTo}" />
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </StackPanel>
            </CommandBar.Content>
            <AppBarButton Icon="NewFolder" Label="新規作成" Click="{x:Bind ViewModel.ShowNewFolderContentDialog}" />
            <AppBarButton Icon="Upload" Label="アップロード" Click="{x:Bind ViewModel.UploadFile}"/>
            <CommandBar.SecondaryCommands>
                <AppBarButton Icon="Message" Label="メッセージ"/>
            </CommandBar.SecondaryCommands>
        </CommandBar>

Answer 1

AppBarButton.CommandとAppBarButton.CommandParameterの組み合わせで「操作の種類＋操作に対する変数」を表現できるかと思います。

Commandには生成するボタンに対して共通のCommand（今回の場合はNavigateToCommandといった感じでしょうか）を与えて、CommandParameterにそれぞれのIdであるとか、何か識別できるようなデータを与えることでCommandの動作を変化させることができる、というイメージです。

Commandの実装にはPrismのDelegateCommand<T>が便利です。

さらに発展的な実装が必要になった場合にはReactivePropertyのReactiveCommandが便利です。こちらは後学のために頭の片隅にでも置いておいて貰えたらいいかと思います。

Comments

[heroherohero]

コメント、ありがとうございます！
そうです！自分がやりたかったのは、まさに、tor4kichiさんがおっしゃってくださったものになります。
（前の質問にも答えていただき、ありがとうございました！）
いただいたご意見を参考に、解決に取り組んでみたいと思います！
取り急ぎ、御礼申し上げます。

[heroherohero]

無事に解決できました。
ボタン押下した後の、CommandParameterの受け取り方が分からなかったのですが、下記URLを参考に解決することができました。
ありがとうございました！
【参考URL】
https://qiita.com/aiya000/items/1cf31699bf8122e76bd7

Answer 2

データを保持するのはViewModel側の仕事だからXAMLでどうこうしようとするのはおかしいんじゃないですかね。（MVVMで作ってる前提ですけど）

Comments

[heroherohero]

コメント、ありがとうございます。
gentaroさんのおっしゃる通り、ViewModel側にデータは持っているので、わざわざ、View側にデータを渡さなくとも、なんとかなりそうです。。。
いただいた意見をもとに、取り組んでみたいと思います。
よろしくお願いいたします。