Add New Usercontrol On button Click Command In WPF MVVM

Question

Hi i am trying to display usercontrol Dynamically But it is not working ...please help me to improve code . In cunstructor of MainWindowViewModel i tried to set initial property of contentcontrol. Thank you in advance

<Window x:Class="WpfApplication1.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:VM="clr-namespace:WpfApplication1.ViewModel"
            xmlns:View="clr-namespace:WpfApplication1.View"
            Title="MainWindow" Height="350" Width="525">
        <Window.Resources>
            <DataTemplate DataType="{x:Type VM:FirstControlViewModel}">
                <View:FirstControl></View:FirstControl>
            </DataTemplate>
            <DataTemplate DataType="{x:Type VM:SecondControlViewModel}">
                <View:SecondControl></View:SecondControl>
            </DataTemplate>

        </Window.Resources>
        <Grid>
            <ContentControl Content="{Binding LoadedControl}" />
        </Grid>
    </Window>

View Model Code :-

    public class MainViewModel: INotifyPropertyChanged        
    {
       public MainViewModel()
       {
           LoadedControl = "FirstControlViewModel";// here i am setting property  
                                                   //But not working
       }

       private string _LoadedControl;

       public string LoadedControl
       {
           get { return _LoadedControl; }
           set { _LoadedControl = value;

           NotifyPropertyChanged("LoadedControl");

           }
       }

@hossein Actually button command is present on FirstControlViewModel Which is implemented using RealyCommand . But my actual issue is that as i set property in cunstructor it must reflect , — Rahul Rathod
– Rahul Rathod, Commented Aug 5, 2015 at 12:25

Glen Thomas · Accepted Answer · 2015-08-05 12:26:09Z

4

You need to set LoadedControl to an instance of your ViewModel type, not a string!

public MainViewModel()
{
   LoadedControl = new FirstControlViewModel();
}

private ViewModelBase _LoadedControl;

public ViewModelBase LoadedControl
{
    get { return _LoadedControl; }
    set { _LoadedControl = value;
          NotifyPropertyChanged("LoadedControl");
    }
}

answered Aug 5, 2015 at 12:26

Glen Thomas

10.8k5 gold badges40 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rahul Rathod Over a year ago

Thank you It works but I have one more issue you notice in My XAML file

Glen Thomas Over a year ago

What is the issue in your XAML file?

Rahul Rathod Over a year ago

Thank you It works but I have one more issue you notice in My XAML fille if i make it ViewModelBase it is not moeking for SecondUserControl view mode

Glen Thomas Over a year ago

FirstControlViewModel and SecondControlViewModel both must inherit from ViewModelBase. Your XAML looks fine. You must say what the problem is...

Collectives™ on Stack Overflow

Add New Usercontrol On button Click Command In WPF MVVM

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related