Dfyjkt

Hello everyone :D

I am currently developing an "XML editor" WPF application which contains two layouts:

• A menu bar where the user can select an XML path (File > Open),


• An editor panel which loads and displays XML content in a pre-defined format.

Here is the overall architecture :

The following lines only show relevant files, but let me know if you need more details. There is no model in my MVVM software in order to give you a minimum number of files.

In MainWindow.xaml:

<Window x:Class="Software.MainWindow"
 xmlns:local="clr-namespace:Software"
 xmlns:v="clr-namespace:Software.Views"
 xmlns:vm="clr-namespace:Software.ViewModels"
 ...>
<Window.DataContext>
 <local:MainViewModel/>
</Window.DataContext>

<Grid>
 <DockPanel>
 <v:MenuBar x:Name="MenuBar" DockPanel.Dock="Top" Panel.ZIndex="1"/>
 <v:Editor x:Name="Editor" HorizontalAlignment="Center"/>
 </DockPanel>
</Grid>
</Window>

In MainWindow:

namespace Software

public partial class MainWindow : Window

 public MainViewModel mainViewModel = new MainViewModel();

 public MainWindow()
 
 InitializeComponent();
 MenuBar.DataContext = mainViewModel.MenuViewModel;
 Editor.DataContext = mainViewModel.EditViewModel;
 

 private void MenuItem_Click(object sender, RoutedEventArgs e)
 
 mainViewModel.MenuViewModel.selectXmlFile();
 

In MainViewModel:

namespace Software.Views

public class MainViewModel

 public MenuBarViewModel MenuViewModel;
 public EditorViewModel EditViewModel;

 public MainViewModel()
 
 MenuViewModel = new MenuBarViewModel();
 EditViewModel = new EditorViewModel();
 

In MenuBar.xaml:

<UserControl x:Class="SmsReader.Views.MenuBar"
 xmlns:vm="clr-namespace:SmsReader.ViewModels"
 ...>
<UserControl.DataContext>
 <vm:MenuBarViewModel />
</UserControl.DataContext>

<Menu>
 <MenuItem Header="File" >
 <MenuItem Header="Open" Click="MenuItem_Click"/>
 <Separator Margin="10, 0"/>
 <MenuItem Header="Other"/>
 </MenuItem>

 <MenuItem Header="Other"/>
</Menu>
</UserControl>

In MenuBar:

namespace Software.Views

public partial class MenuBar : UserControl

 public MenuBar()
 
 InitializeComponent();
 

 private void MenuItem_Click(object sender, RoutedEventArgs e)
 
 MenuXmlPath = ((MenuBarViewModel) DataContext).getXmlFile();
 

In MenuBarViewModel:

namespace Software.ViewModels

 public class MenuBarViewModel : INotifyPropertyChanged
 
 private string xmlPath;
 public string XmlPath
 
 get return xmlPath; 
 set xmlPath = value; Fire("XmlPath"); 
 

 public void selectXmlFile()
 *.xml

 public event PropertyChangedEventHandler PropertyChanged;
 protected void Fire(string name) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
 

In EditorViewModel:

namespace Software.ViewModels

public class EditorViewModel : INotifyPropertyChanged

 private string xmlSource;
 public string XmlSource
 
 get return xmlSource; 
 set xmlSource = value; Fire("XmlSource"); update(value); 
 

 public void update(string xmlSource)
 
 // Load XML data and display into the editor panel
 

 public event PropertyChangedEventHandler PropertyChanged;
 protected void Fire(string name) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));

I would like to link the property "XmlSource" to "XmlPath". What is the most elegant way to implement this?

Any advice concerning the architecture will be welcomed btw!
Thank you in advance :)