无法在WPF中单击单选按钮上生成动态文本框

时间:2012-10-31 15:11:50

标签: c# .net wpf dynamic mvvm

我正在开发一个WPF应用程序,我必须先生成4个radiobuttons,一旦完成它,我需要在每个按钮点击时生成文本框和标签。

  • 使用不同的Content
  • 生成4个Radiobuttons
  • 点击每个按钮,根据点击的按钮生成8个不同Content的标签,并生成64个文本框,这些文本框只能以每个标签有8个与之关联的文本框的方式进行读取。即8×8

我在某种程度上通过以下方式取得了成功:

XAML:

在我的xaml中,我将网格划分为2行。第一行将有4个radiobuttons。第二行将分为2列,其中第1列将具有8个动态标签,第2列将具有64个文本框。即每行8个。

<Grid Grid.Row="0">                     

        <ItemsControl ItemsSource="{Binding Children}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Vertical" >
                        <RadioButton Content="{Binding RadioBase}" Margin="0,10,0,0" IsChecked="{Binding BaseCheck}" GroupName="SlotGroup" />                            
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

        <Button Content="Refresh Regs" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Margin="0" Width="100" Height="25" />
    </Grid>

<Grid Grid.Row="1">            

        <ItemsControl ItemsSource="{Binding Children}" Grid.Column="0">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <ItemsControl Visibility="{Binding IsRegisterItemsVisible, Converter={StaticResource BoolToVisibilityConv}}" ItemsSource="{Binding RegisterLabels}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Margin="50,20,0,0">
                                        <TextBlock Text="{Binding}"/>
                                    </StackPanel>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

        <ItemsControl ItemsSource="{Binding Children}" Grid.Column="1">
            // Textbox here
        </ItemsControl>
    </Grid>

FPGARadioWidgetViewModel类:此类的DataContext设置在这里

public ObservableCollection<FPGAViewModel> Children { get; set; }

    public FPGARadioWidgetViewModel()
    {
        Children = new ObservableCollection<FPGAViewModel>();
        Children.Add(new FPGAViewModel() { RadioBase = "Base 0x0", ID = 0 });
        Children.Add(new FPGAViewModel() { RadioBase = "Base 0x40", ID = 1 });
        Children.Add(new FPGAViewModel() { RadioBase = "Base 0x80", ID = 2 });
        Children.Add(new FPGAViewModel() { RadioBase = "Base 0xc0", ID = 3 });            
    }

FPGAViewModel类:

private bool sBaseCheck;
    public bool BaseCheck
    {
        get { return this.sBaseCheck; }
        set
        {
            this.sBaseCheck = value;
            Generatelabels(this, ID);
            this.OnPropertyChanged("BaseCheck");
        }
    }

    private static void Generatelabels(FPGAViewModel currentItem, int index)
    {
        int m_baseRegister = 0;

        if (index == 0)
        {                
            for (int i = 0; i < 0x40 / 8; i++)
            {
                int reg = (i * 8) + m_baseRegister;
                currentItem.RegisterLabels[i] = "Reg 0x" + reg.ToString("X");
                currentItem.IsRegisterItemsVisible = true;
            }
        }
        else if (index == 1)
        {
            m_baseRegister = 0x40 * index;
            for (int i = 0; i < 0x40 / 8; i++)
            {
                int reg = (i * 8) + m_baseRegister;
                currentItem.RegisterLabels[i] = "Reg 0x" + reg.ToString("X");
                currentItem.IsRegisterItemsVisible = true;
            }
        }
        // Similarly for Index 2 and Index = 3
    }

    private string[] registerLabels = new string[8];
    public string[] RegisterLabels { get { return registerLabels; } }

    private bool isRegisterItemsVisible = false;
    public bool IsRegisterItemsVisible
    {
        get { return isRegisterItemsVisible; }
        set
        {
            isRegisterItemsVisible = value;
            OnPropertyChanged("IsRegisterItemsVisible");
            OnPropertyChanged("RegisterLabels");
        }
    }        

    private string _RadioBase;
    public string RadioBase
    {
        get; set;
    }

    private int _ID;
    public int ID
    {
        get; set;
    }

因此,如果您注意到上面的viewmodel类,Index会给我单击的radiobutton,并且我能够根据计算生成具有不同值的标签。十六进制转换完成。

以下是要求:

  • 当我点击一个单选按钮时,标签会显示在Grid.Column="0"中,但我希望文本框也相应地放置。如前所述,每个按钮单击将显示64个框,每个标签8个。文本框必须显示在Grid.Column="1"

  • 当我点击radibutton时,会显示标签。当我单击下一个按钮时,会再次显示标签。但以前显示的标签不会被清除。我想在显示新标签之前清除它们。

  • 启动时,必须检查第一个radiobutton,并且必须显示相关的标签+文本框。

我在C ++中做的示例代码,我可以创建文本框:

for(i = 0; i < 0x40; i++)
{
    m_registerGetValue[i] = new TextEditor();
    m_registerGetValue[i]->setReadOnly(true);
    addAndMakeVisible(m_registerGetValue[i]);
}

以下是屏幕截图:For further details 请帮助:)

1 个答案:

答案 0 :(得分:1)

我会采取不同的方法:

  • 你的无线电虚拟机没问题,但是它们也应该是一个儿童系列,其中包含你网格中的每一个“行”,而这些“行”又包含一个“标题”属性(你在标签上放置的那个)和8个字符串值的列表,您将在文本框中显示这些值。类似的东西:

Main ViewModel

  1. - &GT;无线电Vms列表
  2. - &GT;选定的无线电VM
    1. - &GT;儿童名单“行”
      1. - &GT;行标签(字符串属性)
      2. - &GT;字符串值列表
  3. 那么你只需要2个itemscontrols:1来绘制所有“行”和每行内部的标签,以及第二个ItemsControl(在ItemsPanelTemplate中使用水平StackPanel来绘制文本框)