发表新帖
发表新帖

Dynamically Adding TextBox using a Button within MVVM framework

前端 未结
关注
2 612
南笙
南笙 2020-12-14 12:25

I keep climbing the steep WPF hill! So I want to create a UI that allows the user to dynamically add a text box. To do this they would hit a button.

I\'ve managed

2条回答
  • 执笔经年
    执笔经年 (楼主)
    2020-12-14 12:57

    Follow these steps and you are done:

    1. Use ItemsControl and bind it's ItemsSource to some collection (preferably ObservableCollection) in your ViewModel.
    2. Define ItemTemplate for ItemsControl with TextBox in it.
    3. Create an ICommand in ViewModel and bind it to button.
    4. On command execute add item in the collection and you will see TextBox gets added automatically.

    XAML:

    ViewModel:

    public class MainWindowViewModel : INotifyPropertyChanged
{
    public ObservableCollection SomeCollection { get; set; }
    public ICommand TestCommand { get; private set; }

    public MainWindowViewModel()
    {
        SomeCollection = new ObservableCollection();
        TestCommand = new RelayCommand(CommandMethod);
    }

    private void CommandMethod(object parameter)
    {
        SomeCollection.Add("Some dummy string");
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}



    RelayCommand:
    


    public class RelayCommand : ICommand
{    
    readonly Action _execute = null;
    readonly Predicate _canExecute = null;

    public RelayCommand(Action execute)
        : this(execute, null)
    {
    }    

    public RelayCommand(Action execute, Predicate canExecute)
    {
        if (execute == null)
            throw new ArgumentNullException("execute");

        _execute = execute;
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return _canExecute == null ? true : _canExecute((T)parameter);
    }    

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    public void Execute(object parameter)
    {
        _execute((T)parameter);
    }
}

    


    Note - I assume you know how to plug View with your ViewModel by setting DataContext to make the binding magic to work.
    
    
    
             
    
                                                        
    
            
            
    
              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              
    
                          
             
       
          
              
    
                                       
    

    

                
    
                         
          
                              			
        
        
        
    
          
    
            
            
    
              
              
    
            
    


                                 
              
    
            
    
                          
    

        
         
    
                
                
    
                  
                
    
                
    
                   看不清?
                
    
              
    
                                  
    
                    
   
                 
             
              
    提交回复
    
            
    
          
    
        
    
      
       
      
    
    
    
          
 
     
 
    
        
    热议问题