WPF中基于DataTable List生成几个Comboboxes

Question

我想根据数据表列表创建动态组合框。 每次我向列表中添加一个新的数据表时，我都希望 UI 生成一个新的组合框，该组合框显示我从表中指定的列。我使用 itemscontrol 和 datatemplate 进行了尝试，但没有像我想要的那样工作。

public List<DataTable> DtList
    {
        get { return dtList; }
        set { dtList = value; }
    }


<ItemsControl ItemsSource="{Binding Path=DtList}" >
        <ItemsControl.ItemsPanel>
          <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal"/>
          </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate >
          <DataTemplate>
            <ComboBox 
                          VerticalContentAlignment="Center"
                          HorizontalContentAlignment="Left"
                          Margin="0,0,4,10"
                          Width="200"
                          BorderBrush="{DynamicResource ListBox.Static.Border}"
                          ItemsSource="{Binding DataSet}"
                          DisplayMemberPath="Element Name"
                          SelectedValuePath="ResourceType Name"
                          SelectedValue="{Binding SelectedRelationPath, Mode=TwoWay}" 
                          />
          </DataTemplate>
        </ItemsControl.ItemTemplate>
      </ItemsControl>

Answer 1

我刚刚创建了一个示例，它对我有用

 public partial class MainWindow : Window, INotifyPropertyChanged
    {
        public MainWindow()
        {
          //  this.DataContext = this; Uncomment this if code behind is your datacontext
            InitializeComponent();
            DataTable t1 = new DataTable();
            t1.Columns.Add("Name");
            t1.Columns.Add("Age");
            t1.Rows.Add("A", "1");
            t1.Rows.Add("B", "2");
            DataTable t2 = new DataTable();
            t2.Columns.Add("Name");
            t2.Columns.Add("Age");
            t2.Rows.Add("A", "1");
            DtList = new List<DataTable> { t1, t2 };
        }
        private List<DataTable> dtList;
        public List<DataTable> DtList
        {
            get { return dtList; }
            set
            {
                dtList = value;
                OnPropertyChanged("DtList");
            }
        }
        private string selectedName;
        public string SelectedName
        {
           get { return selectedName; }
           set
           {
              selectedName = value;
              OnPropertyChanged("SelectedName");
           }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void OnPropertyChanged(string name)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler == null) return;
            handler(this, new PropertyChangedEventArgs(name));
        }
    }

在你的 Xaml 中，在你的窗口或 UserControl 标签中添加这个

x:Name="windowName"

现在做这个

<StackPanel>
        <ItemsControl ItemsSource="{Binding Path=DtList}" >
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel Orientation="Horizontal"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate >
                <DataTemplate>
                    <ComboBox 
                          VerticalContentAlignment="Center"
                          HorizontalContentAlignment="Left"
                          Margin="0,0,4,10"
                          Width="200"
                          ItemsSource="{Binding}"
                          DisplayMemberPath="Name"
                          SelectedValuePath="Age" 
                          SelectedValue="{Binding Path=SelectedName,ElementName=windowName}"
                          />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>

这对我来说很好。

Answer 2

我想您对组合框项目的绑定有误。调试下打开表单时VS输出窗口有wpf绑定错误吗？

您已将ItemsControl 绑定到DtList 属性。这很好，应该为列表组合框中的每个项目创建。您是否在运行时为 DtList 中的每条记录创建了组合框？

但是，组合框项绑定对我来说看起来不正确。每个组合框都将DtList 项目作为数据上下文。但是你已经像ItemsSource="{Binding DataSet}" 一样绑定了它。这使得组合框可以从 DataTable.DataSet 属性中读取项目。

请尝试更改组合框项绑定，例如ItemsSource="{Binding Rows}"