如何在 xaml 和 .cs 文件中的 TabControl 中绑定 ListView

Question

我创建了一个 TabControl 并且有一个 ListView。我正在尝试为同一窗口绑定在 .cs 文件中创建的列表，但绑定时该列表未反映在他的 xaml 文件中。

我尝试创建一个名为“列表视图”的选项卡并绑定在 .cs 文件中创建的 ListViewItems。

我也尝试过绑定文本块中的文本，但没有反映。

代码隐藏

namespace Shweta
{
    /// <summary>
    /// Interaction logic for Window5.xaml
    ///// </summary>
    public partial class Window5 : Window
    {
        public Window5()
        {            
             InitializeComponent();
        }
    }

    public class CollectionViewModel
    {
      public List<string> ListViewItems
        {
            get
            {
                return new List<string>
                {
                    "First name",
                    "Second name",
                    "Third name"
                };
            }
        }
     }
}

Xaml 标记

<Window x:Class="Shweta.Window5"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window5" Height="300" Width="300">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="40*" />
            <ColumnDefinition Width="238*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="47*" />
            <RowDefinition Height="214*" />
        </Grid.RowDefinitions>
        <Grid Grid.Column="1" Grid.Row="1">
            <TabControl>
                <TabItem Header="List View">
                    <ListView ItemsSource="{Binding ListViewItems}">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <StackPanel>
                                    <Border Background="LightBlue" Padding="3"/>
                                    <TextBlock Text="{Binding}"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </TabItem>
            </TabControl>
        </Grid>
    </Grid>
</Window>

Answer 1

如果使用视图模型对象设置DataContext，则视图模型的绑定将起作用：

public Window5()
{            
     InitializeComponent();
     this.DataContext = new CollectionViewModel();
}