Blog

Joins Using LINQ-to-XML

By Vijay Prativadi Nov 05 2012
Today, in this article let's play around with one of the interesting and most useful concept in XML.
    • Like
    • Love It
    • Awesome
    • Interesting
    • It's Okay
    • Thumbs Down
  • 5.1k
  • 0

Introduction


Today, in this article let's play around with one of the interesting and most useful concept in XML.


Question: What are joins using LINQ-to-XML?

 

In simple terms "It enables perform a join between two XML files and retrieve the value into grid as a result set".

Step 1: Create a new WebForm project

New-Project-VS.jpg

Step 2: The complete code of Employee.xml looks like this:

<?xml version="1.0" encoding="utf-8" ?>

<Employees>

  <Employee Id="1">

    <FirstName>Vijay</FirstName>

    <LastName>Prativadi</LastName>

    <Age>26</Age>

  </Employee>

  <Employee Id="2">

    <FirstName>Swetha</FirstName>

    <LastName>Prativadi</LastName>

    <Age>23</Age>

  </Employee>

  <Employee Id="3">

    <FirstName>Ram</FirstName>

    <LastName>Reddy</LastName>

    <Age>30</Age>

  </Employee>

</Employees>

 

Step 3: The complete code of Department.xml looks like this:

<?xml version="1.0" encoding="utf-8" ?>

<Departments>

  <Department DepartmentId="1" EmpId="1">

    <DepartmentName>Admin</DepartmentName>

  </Department>

  <Department DepartmentId="2" EmpId="1">

    <DepartmentName>HR</DepartmentName>

  </Department>

  <Department DepartmentId="3" EmpId="2">

    <DepartmentName>IT</DepartmentName>

  </Department>

</Departments>

Step 4: The complete code WebForm1.aspx looks like this:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="JoinsusingLINQtoXMLApp.WebForm1" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <style type="text/css">

        .grid

        {

            margin-top: 50px;

        }

    </style>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <center>

        <div>

            <table>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Label ID="Label1" runat="server" Text="Joins using LINQ-to-XML" Font-Bold="true"

                            Font-Size="Large" Font-Names="Verdana" ForeColor="Maroon"></asp:Label>

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Button ID="Button1" runat="server" Text="Select Data" Font-Names="Verdana" Width="213px"

                            BackColor="Orange" Font-Bold="True" OnClick="Button1_Click" />

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:GridView ID="GridView1" runat="server" CssClass="grid" BackColor="LightGoldenrodYellow"

                            BorderColor="Tan" BorderWidth="1px" CellPadding="2" ForeColor="Black" GridLines="None">

                            <AlternatingRowStyle BackColor="PaleGoldenrod" />

                            <FooterStyle BackColor="Tan" />

                            <HeaderStyle BackColor="Tan" Font-Bold="True" />

                            <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" HorizontalAlign="Center" />

                            <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />

                            <sortedascendingcellstyle backcolor="#FAFAE7" />

                            <sortedascendingheaderstyle backcolor="#DAC09E" />

                            <sorteddescendingcellstyle backcolor="#E1DB9C" />

                            <sorteddescendingheaderstyle backcolor="#C2A47B" />

                        </asp:GridView>

                    </td>

                </tr>

            </table>

        </div>

    </center>

    </form>

</body>

</html>

Step 5: The complete code WebForm1.aspx.cs looks like this:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Xml.Linq;

namespace JoinsusingLINQtoXMLApp

{

    public partial class WebForm1 : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        protected void Button1_Click(object sender, EventArgs e)

        {

            XElement department = XElement.Load(@"c:\users\administrator\documents\visual studio 2010\Projects\JoinsusingLINQtoXMLApp\JoinsusingLINQtoXMLApp\Department.xml");

            XElement employee = XElement.Load(@"c:\users\administrator\documents\visual studio 2010\Projects\JoinsusingLINQtoXMLApp\JoinsusingLINQtoXMLApp\Employee.xml");

            var joinQuery = from r in department.Descendants("Department")

                            join s in employee.Descendants("Employee") on (int)r.Attribute("EmpId") equals (int)s.Attribute("Id")

                            select new

                                {

                                    EmpId = (int)s.Attribute("Id"),

                                    FirstName = (string)s.Element("FirstName"),

                                    LastName = (string)s.Element("LastName"),

                                    Age = (int)s.Element("Age"),

                                    DepartmentName = (string)r.Element("DepartmentName")

                                };

            GridView1.DataSource = joinQuery;

            GridView1.DataBind();

        }

    }

}

 

Step 6: The output of application looks like this

Join-using-linq.jpg
 

Step 7: The data retrieved output of application looks like this

Retrieved-Join-using-linq.jpg