未能在WPF中動態生成的UI組件中設置不同的值

Question

我正在WPF應用程序中，我需要動態生成2個組框，其中包含單選按鈕，文本框和組合框。那麼我遇到了一個棘手的情況，兩個groupbox中的值需要不同。

我有兩個xaml文件PCM2PDMView.xaml和PCM2PDMWidgetView.xaml & viewmodel類。

PCM2PDMView.xaml：

<UserControl.Resources> 
    <DataTemplate x:Key="PCM2PDMDataTemplate"> 
     <WrapPanel> 
      <TextBlock Text="{Binding Description}" Margin="5,5,0,0"/> 
      <local:PCM2PDMWidgetView Margin="5,10,5,5"/> 
     </WrapPanel> 
    </DataTemplate> 
</UserControl.Resources> 

<Grid Style="{DynamicResource styleBackground}" > 
    <ItemsControl ItemTemplate="{StaticResource PCM2PDMDataTemplate}" ItemsSource="{Binding PCM2PDMWidgets}"> 
     <ItemsControl.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapPanel /> 
      </ItemsPanelTemplate> 
     </ItemsControl.ItemsPanel> 
    </ItemsControl> 
</Grid> 

PCM2PDMWidgetView.xaml：

<Grid> 
    <GroupBox Height="Auto" HorizontalAlignment="Stretch" Margin="5" Name="groupBox1" VerticalAlignment="Stretch" Width="Auto"> 
     <Grid>    
      <Grid Grid.Row="1">     
       <RadioButton Grid.Column="1" Content="Port B" Command="{Binding PortCommand}" IsChecked="{Binding PortCheck}" Height="20" Width="60" HorizontalAlignment="Center" Margin="0,0,0,0" Name="PCM2PDMEnableRadioBtn" VerticalAlignment="Center" />      
      </Grid> 

      <Grid Grid.Row="2">     

       <ComboBox Grid.Column="1" Height="20" ItemsSource="{Binding PortModeList}" SelectedItem="{Binding SelectedPortModeList, Mode=OneWayToSource}" SelectedIndex="0" HorizontalAlignment="Center" Margin="0,0,0,0" Name="PortModeCombo" VerticalAlignment="Center" Width="110" /> 
      </Grid> 

      <Grid Grid.Row="3">      
       <ToggleButton Grid.Column="0" Content="Soft Reset" Height="25" Width="105" HorizontalAlignment="Center" Margin="0,0,0,0" Name="SoftResetRadioBtn" VerticalAlignment="Center" /> 
       <ToggleButton Grid.Column="1" Command="{Binding PCM2PDMEnableCommand}" IsChecked="{Binding PCM2PDMCheck}" Content="PCM2PDM Enable" Height="25" Width="110" HorizontalAlignment="Center" Margin="0,0,0,0" Name="PCM2PDMRadioBtn" VerticalAlignment="Center" /> 
      </Grid> 

      <Grid Grid.Row="4">     
       <TextBox Height="25" IsReadOnly="True" Text="{Binding MemAddPoint}" Margin="0" Name="SetRead" />    
      </Grid> 
     </Grid> 
    </GroupBox> 
</Grid> 

PCM2PDmViewModel.cs：

public ObservableCollection<PCM2PDMWidgetViewModel> PCM2PDMWidgets { get; set; } 

    public PCM2PDMViewModel() 
    { 
     PCM2PDMWidgets = new ObservableCollection<PCM2PDMWidgetViewModel>(); 
     PCM2PDMWidgets.Add(new PCM2PDMWidgetViewModel { Description = "PCM2PDM 0", ID = 0 }); 
     PCM2PDMWidgets.Add(new PCM2PDMWidgetViewModel { Description = "PCM2PDM 1", ID = 1 });    
    } 

這會在內部生成與關聯的UI控件相關的2個組框。

PCM2PDMWidgetViewModel.cs：

public ObservableCollection<string> _PortModeList = _PortModeList = new ObservableCollection<string>(); 
_PortModeList.Add("Normal"); //Adding in Constructor 
_PortModeList.Add("Mode 1 - PCM + PDM"); 
_PortModeList.Add("Mode 2 - PDM only"); 

public ObservableCollection<string> PortModeList 
    { 
     get { return _PortModeList; } 
     set 
     { 
      _PortModeList = value; 
      OnPropertyChanged("PortModeList"); 
     } 
    } 

    private string _selectedPortModeList; 
    public string SelectedPortModeList 
    { 
     get { return _selectedPortModeList; } 
     set 
     { 
      _selectedPortModeList = value;     
      OnPropertyChanged("SelectedPortModeList"); 
     } 
    } 

    public string Description {get; set;}  

    public int ID {get; set;} 

    public string MemAddPoint {get; set;} 

要求：

1. 現在，如果你注意到Grid.Row=1，你會發現一個名爲單選按鈕Port B，那麼我的要求是有Port B在我第一個groupbox和Port C在我的第二個groupbox中。功能（buttonclick方法）對於兩者都是通用的，但名稱必須不同。我們如何實現這一目標？

2. 在我的組合框中，我添加了3個項目。在這裏，我想在第一組框中的組合框中添加Normal和Mode 1 - PCM + PDM，並在第二組框中的組合框中添加Normal,Mode 1 - PCM + PDM和Mode 2 - PDM Only。這怎麼能實現？ :)

3. 如果你發現Grid.Row=3你會發現PCM2PDMEnable togglebutton。我希望在我的第二個分組框中顯示此切換按鈕，而不是在我的第一個分組框中。我怎樣才能做到這一點？

4. Grid.Row=4中的文本框有一個值爲（例如0x5）的文本框。我需要將此文本框的文本設置爲Groupbox 1中的0x5和Groupbox2的文本框中的0x7。怎麼做？

請幫助:)

Answer 1

在「PCM2PDMWidgetViewModel」創建屬性說「RadioButtonName」，並同時創造「PCM2PDMWidgetViewModel」實例屬性設置爲你想要的名字..像這樣

PCM2PDMWidgets.Add(new PCM2PDMWidgetViewModel { Description = "PCM2PDM 0", ID = 0, RadioButtonName = "Port B" }); 
     PCM2PDMWidgets.Add(new PCM2PDMWidgetViewModel { Description = "PCM2PDM 1", ID = 1, RadioButtonName = "Port C" });    

在PCM2PDMWidgetView XAML：

更改的單選按鈕的內容結合 「CONTENT =」{結合RadioButtonName} 「」

<Grid Grid.Row="1">     
       <RadioButton Grid.Column="1" Content="{Binding RadioButtonName}" Command="{Binding PortCommand}" IsChecked="{Binding PortCheck}" Height="20" Width="60" HorizontalAlignment="Center" Margin="0,0,0,0" Name="PCM2PDMEnableRadioBtn" VerticalAlignment="Center" /> 


     </Grid> 

代替添加在下列元素構造函數..將它們作爲參數發送給構造函數..

您的代碼

_PortModeList.Add（「Normal」）; //在構造函數中添加 _PortModeList.Add（「Mode 1-PCM + PDM」）; _PortModeList.Add（「Mode 2-PDM only」）;

解2

公共PCM2PDMWidgetViewModel（列表comboBoxItems） { 的foreach（在comboBoxItems項） { _PortModeList.Add（項目）; } }

在創建 「PCM2PDMWidgetViewModel」 實例發送列表作爲構造函數的參數（看下面的代碼）

PCM2PDMWidgets.Add(new PCM2PDMWidgetViewModel (new List<string>{"Normal","Mode 1 - PCM + PDM"}) { Description = "PCM2PDM 0", ID = 0, RadioButtonName = "Port B" }); 
     PCM2PDMWidgets.Add(new PCM2PDMWidgetViewModel(new List<string>{"Normal","Mode 1 - PCM + PDM","Mode 2"}) { Description = "PCM2PDM 1", ID = 1, RadioButtonName = "Port C" }); 

對於4

，你可以以同樣的方式解決這個問題作爲放射按鈕名稱。

爲「MemAddPoint」屬性設置值的方式與您對Description和ID所做的相同。作爲這家酒店已被綁定到文本框，你不需要改變XAML綁定

爲3：

你必須創造型「可見性」的「PCM2PDMWidgetViewModel」一個新的屬性，並將其綁定切換到togglebutton可見性屬性。設置屬性值，同時創建實例