How to convert below code to MVVM pattern in WPF C#

Question

0.00/5 (No votes)

See more:

I have created a WPF test application Which contain a xml file and MainWindow.xaml.cs file and a MainWIndow.xaml file and the application contain one comboBox and from the xml values are getting bind . I want to convert the application into MVVM Pattern. Please someone help me on this.

What I have tried:

This is the MainWindow.xaml.cs

public partial class MainWindow : Window
   {
       public MainWindow()
       {
           InitializeComponent();
           if (DesignerProperties.GetIsInDesignMode(this))
           {
               return;
           }
           XmlDataProvider xdp = this.TryFindResource("XMLDP") as XmlDataProvider;
           if(xdp != null)
           {
               XmlDocument doc = new XmlDocument();
               doc.Load("Languages.xml");
               xdp.Document = doc;
           }
       }
   }

This is the MainWindow.xaml

<Window.Resources>
        <XmlDataProvider Source="Languages.xml" x:Key="XMLDP"/>
    </Window.Resources>
    <Grid>
        <ComboBox x:Name="cmbName" Height="30" Width="150" ItemsSource="{Binding Source={StaticResource XMLDP},XPath=*/*}"
                  DisplayMemberPath="Name">
            
        </ComboBox>
    </Grid>

This is the xml file

<languages>
<language id="1">
<name>English
<culture>en-US

<language id="2">
<name>German
<culture>de-DE

<language id="3">
<name>Chines
<culture>zh-CN

Posted 23-May-21 23:38pm

Gita Padhihari

Updated 24-May-21 0:40am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2021-05-24T00:40:00

The XmlDataProvider class is not a DependencyObject, so you cannot bind its Document property to a view-model property.

Instead, you would read the XML file from your view-model, convert it to a list of C# objects, and bind your data to that list.

C#

public class Language
{
    public Lanuage(XElement element)
    {
        Id = (int)element.Attribute("id");
        Name = (string)element.Element("name");
        CultureCode = (string)element.Element("culture");
    }
    
    public int Id { get; }
    public string Name { get; }
    public string CultureCode { get; }
}

C#

public class YourViewModel : ViewModelBase
{
    public IReadOnlyList<Language> Languages { get; } = LoadLanguages();
    
    private static IReadOnlyList<Language> LoadLanguages()
    {
        XDocument doc = XDocument.Load("Languages.xml");
        return doc.Root.Elements("language").Select(el => new Language(el)).ToList();
    }
}

XAML

<Window.DataContext>
    <local:YourViewModel/>
</Window.DataContext>
<Grid>
    <ComboBox x:Name="cmbName" ItemsSource="{Binding Path=Languages}" DisplayMemberPath="Name" />
</Grid>