WPF中根据DataTable列表生成多个Combobox

Question

我想根据数据列表table创建动态组合框。每次我将新数据 table 添加到列表时，我都希望 UI 生成一个新的组合框，它显示我从 table 指定的列。我用 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

我想您对组合框项的绑定有误。在调试下打开窗体时，VS 输出中是否有任何 wpf 绑定错误window？

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

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

中读取项目

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

Answer 2

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

 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 中将此添加到您的 window 或 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>

这对我来说很好。

WPF中根据DataTable列表生成多个Combobox

Generate several Comboboxes in WPF Based on DataTable List

c#

data-binding

wpf

xaml

datatemplate