Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Dynamically add multiple buttons to wpf window?

Tags:

c#

button

wpf

how would i add multiple buttons to a window in c#? here's what i need to do... i'm getting multiple user values from a dictionary (within reason, only @ 5-6 values). for each value, i need to create a button. now, how do i name the button, not the text within the button? how do i define the "click" method for each button (they will all be different)? and how do i erase the button if i don't want it anymore?

like image 652
darthwillard Avatar asked May 08 '11 19:05

darthwillard


3 Answers

I would encapsulate the whole thing, there normally should be no point in naming the button. Something like this:

public class SomeDataModel
{
    public string Content { get; }

    public ICommand Command { get; }

    public SomeDataModel(string content, ICommand command)
    {
        Content = content;
        Command = command;
    }
}

Then you can create models and put them into a bindable collection:

public ObservableCollection<SomeDataModel> MyData { get; } =
     new ObservableCollection<SomeDataModel>();

Then you just need to add and remove items from that and create buttons on the fly:

<ItemsControl ItemsSource="{Binding MyData}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Button Content="{Binding Content}" Command="{Binding Command}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

For more info see relevant articles on MSDN:

Data Binding Overview
Commanding Overview
Data Templating Overview

like image 65
H.B. Avatar answered Nov 10 '22 18:11

H.B.


Consider you have a StackPanel named sp

for(int i=0; i<5; i++)
{
    System.Windows.Controls.Button newBtn = new Button();

    newBtn.Content = i.ToString();
    newBtn.Name = "Button" + i.ToString();

    sp.Children.Add(newBtn);
}

To remove button you could do

sp.Children.Remove((UIElement)this.FindName("Button0"));

Hope this help.

like image 22
FIre Panda Avatar answered Nov 10 '22 18:11

FIre Panda


Xaml code:

<Window x:Class="Test.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
  <UniformGrid x:Name="grid">

  </UniformGrid>
</Window>

Code-behind:

public MainWindow()
{
  InitializeComponent();

  for (int i = 0; i < 10; ++i)
  {
    Button button = new Button()
      { 
        Content = string.Format("Button for {0}", i),
        Tag = i
      };
    button.Click += new RoutedEventHandler(button_Click);
    this.grid.Children.Add(button);
  }
}

void button_Click(object sender, RoutedEventArgs e)
{
  Console.WriteLine(string.Format("You clicked on the {0}. button.", (sender as Button).Tag));
}
like image 26
Ben Avatar answered Nov 10 '22 19:11

Ben