「東雲 忠太郎」の平凡な日常のできごと

「東雲 忠太郎」の平凡な日常のできごと

2024.03.25
XML
カテゴリ: C#.NET


XAML 内に CollectionViewSource を設定し、ViewModel で ObservableCollection を設定するサンプルコードを以下に示します。


MainWindow.xaml:


```xml

<Window x:Class="CollectionViewSourceSample.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="CollectionViewSource Sample" Height="450" Width="800">

    <Window.Resources>

        <CollectionViewSource x:Key="MyCollectionViewSource"/>

    </Window.Resources>

    <Grid>

        <ListBox ItemsSource="{Binding Source={StaticResource MyCollectionViewSource}}"/>

    </Grid>

</Window>

```


MainViewModel.cs:


```csharp

using System.Collections.ObjectModel;


namespace CollectionViewSourceSample

{

    public class MainViewModel

    {

        public ObservableCollection<string> MyCollection { get; set; }


        public MainViewModel()

        {

            MyCollection = new ObservableCollection<string>

            {

                "Item 1",

                "Item 2",

                "Item 3",

                "Item 4",

                "Item 5"

            };

        }

    }

}

```


MainWindow.xaml.cs:


```csharp

using System.Windows;


namespace CollectionViewSourceSample

{

    public partial class MainWindow : Window

    {

        public MainViewModel ViewModel { get; set; }


        public MainWindow()

        {

            InitializeComponent();

            ViewModel = new MainViewModel();

            DataContext = ViewModel;


            var collectionViewSource = FindResource("MyCollectionViewSource") as CollectionViewSource;

            if (collectionViewSource != null)

            {

                collectionViewSource.Source = ViewModel.MyCollection;

            }

        }

    }

}

```


この例では、`MainWindow.xaml` 内で `CollectionViewSource` を定義し、`MainWindow.xaml.cs` 内でその `CollectionViewSource` を ViewModel の `ObservableCollection` にバインドしています。これにより、ViewModel のデータが XAML ファイル内で使用されるようになります。






お気に入りの記事を「いいね!」で応援しよう

Last updated  2024.03.25 06:03:29


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: