Create new stackpanel from an existing one

Question

I have this fileholder marked as 2. on the image. When I click on Upload PDF I want to create a new exactly the same looking fileholder from it's existing xaml after I have added a new file.

What im trying to ask is how can I access the xaml so that this would be possible?

The XAML:

The existing logic:

    public partial class LibraryView : UserControl
{
    string globalFilepath;

    public LibraryView()
    {
        InitializeComponent();
    }


    public void UploadFileToLibrary(object sender, RoutedEventArgs e)
    {
        Microsoft.Win32.OpenFileDialog openFileDialog = new OpenFileDialog();
        openFileDialog.Filter = "pdf files (*.pdf)|*.pdf|All files (*.*)|*.*";

        bool? response = openFileDialog.ShowDialog();

        if (response == true)
        {
            string filepath = openFileDialog.FileName;
            string filename = Path.GetFileNameWithoutExtension(filepath);
            //string fullpath = Path.GetFullPath(filepath);
            FileNameHolder.Text = filename;
            globalFilepath = filepath;
        }
    }


    public void OpenFile(object sender, RoutedEventArgs e)
    {
        var openSelectedFile = new Process();
        openSelectedFile.StartInfo = new ProcessStartInfo(globalFilepath)
        { UseShellExecute = true };

        openSelectedFile.Start();
    }
}

user_3141792 · Answer

You should define the repeating layout elements as DataTemplate and then show it using a ListBox. The items of the ListBox are the filenames.
You can redefine the ListBox.ItemsPanel to configure it to display the items horizontally.

MainWindow.xaml

MainWindow.xaml.cs

// The binding source for the ListView
public ObservableCollection UploadedFiles
{
  get => (ObservableCollection)GetValue(UploadedFilesProperty);
  set => SetValue(UploadedFilesProperty, value);
}

public static readonly DependencyProperty UploadedFilesProperty = DependencyProperty.Register(
  "UploadedFiles",
  typeof(ObservableCollection),
  typeof(MainWindow),
  new PropertyMetadata(default));

public MainWindow()
{
  InitializeComponent();

  this.UploadedFiles = new ObservableCollection();

  // TODO::If necessary initialize UploadedFiles collection with filenames
}

public void UploadFileToLibrary(object sender, RoutedEventArgs e)
{
  Microsoft.Win32.OpenFileDialog openFileDialog = new OpenFileDialog();
  openFileDialog.Filter = "pdf files (*.pdf)|*.pdf|All files (*.*)|*.*";

  bool? response = openFileDialog.ShowDialog();
  if (response == true)
  {
    string filepath = openFileDialog.FileName;
    string filename = Path.GetFileNameWithoutExtension(filepath);

    // Display a new "fileholder" box in the view
    this.UploadedFiles.Add(filename);

    ...
  }

  ...
}

See

user_7252182 · Answer

You could clone the StackPanel using the System.Windows.Markup.XamlWriter class:

string xaml = XamlWriter.Save(FileContentHolder);
StackPanel newStackPanel = (StackPanel)XamlReader.Parse(xaml);
Button openPdf = newStackPanel.FindName("OpenPDF") as Button;
if (openPdf != null)
{
    openPdf.Click += OpenFile;
}
root.Children.Add(newStackPanel);

Note that you'll have to programmatically re-attach any event handlers:

Serialization Limitations of XamlWriter.Save

Create new stackpanel from an existing one

2 Answers