Working with Expressions, Variables and xsl:for-each in XSLT

This is the fourth article in a series focusing on developing XSLT-oriented applications using ASP.NET 2.0. Even though the series is based on ASP.NET 2.0, I use it only as a transformation engine. The entire focus is on working with XSLT. You can use any transformation engine according to your requirements (such as Java or others).

Contributed by
Rating: 5 stars5 stars5 stars5 stars5 stars / 10
December 26, 2006
Rate this Article:
MEH MEH++


SEARCH ASP FREE
TOOLS YOU CAN USE

advertisement

A downloadable zip file is available for this article.

In this article, I will focus on working with expressions, defining, initializing and using variables and finally the “xsl:for-each” construct available in XSLT. The entire setup and sample XML for this article is the same as that of the first two articles in this series.  If you come across any problems, I strongly suggest that you go through my first and second articles in this series.

The entire solution (source code) for this article is available as a free download (in the form of a zip).  All the applications in this series have been developed using Microsoft Visual Studio 2005 Professional Edition on Microsoft Windows Server 2003 Standard Edition together with Microsoft SQL Server 2005 Developer Edition as the database. You can even directly copy and paste the code given in this article and save it with the extensions XML or XSL to work with your own XSL parsers/engines.

I didn’t really test any of the code in any of the other tools/IDEs/servers/editions/versions. If you have any problems, please feel free to post in the discussion area.

Working with simple expressions in XSLT

Let us start with a business need such that I would like to have all the employee details listed with:

  • salary (which is listed by the monthly rate)
  • annual salary (salary multiplied by 12)

I would like to implement the above business need using an “expression” within “xsl:value-of.”  The following is the entire code for the same:

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

<xsl:stylesheet version="1.0"

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

      <xsl:template match="/">

            <table border="1">

                  <xsl:apply-templates select="SQLData/Rows" />

            </table>

      </xsl:template>

      <xsl:template match="SQLData/Rows">

            <tr>

                  <td>

                        <xsl:value-of select="Empno"/>

                  </td>

                  <td>

                        <xsl:value-of select="Ename"/>

                  </td>

                  <xsl:apply-templates select="Sal" />

                  <td>

                        <xsl:value-of select="Deptno"/>

                  </td>

            </tr>

      </xsl:template>

      <xsl:template match="Sal">

            <td>

                  <xsl:value-of select="text()"/>

            </td>

            <td>

                  <xsl:value-of select="text() * 12"/>

            </td>

      </xsl:template>

</xsl:stylesheet>

When the above code gets executed, you are likely to get the following transformation:

<table border="1">

      <tr>

            <td>1001</td>

            <td>Jag</td>

            <td>4400</td>

            <td>52800</td>

            <td>10</td>

      </tr>

      <tr>

            <td>1002</td>

            <td>Chat</td>

            <td>2800</td>

            <td>33600</td>

            <td>20</td>

      </tr>

.

.

.

</table>

The most important statement within the above code is the following:

<xsl:value-of select="text() * 12"/>

The above statement simply gets the text (or content) associated with the current context and multiplies it by 12 (which gives us the annual salary).

Working with simple variables in XSLT

In the previous section, we were able to display all the employee details along with their salaries and annual salaries. We calculated annual salaries using expressions within “xsl:value-of.”

Now, we shall achieve the same using variables in XSLT. The following is the entire code rewritten for this purpose:

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

<xsl:stylesheet version="1.0"

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

      <xsl:template match="/">

            <table border="1">

                  <xsl:apply-templates select="SQLData/Rows" />

            </table>

      </xsl:template>

      <xsl:template match="SQLData/Rows">

            <tr>

                  <td>

                        <xsl:value-of select="Empno"/>

                  </td>

                  <td>

                        <xsl:value-of select="Ename"/>

                  </td>

                  <xsl:apply-templates select="Sal" />

                  <td>

                        <xsl:value-of select="Deptno"/>

                  </td>

            </tr>

      </xsl:template>

      <xsl:template match="Sal">

     

            <td>

                  <xsl:value-of select="text()"/>

            </td>

           

            <xsl:variable name="AnnSal" select="text()"/>

            <td>

                  <xsl:value-of select="$AnnSal * 12"/>

            </td>

      </xsl:template>

</xsl:stylesheet>

The output of the above code would be the same as that of the previous section. 

Coming to the explanation of the above code, every variable in XSLT must be declared using the “xsl:variable.”  The value can be directly assigned using the “select” attribute or in the form of content.

To use variables at other parts of the same XSLT, just specify the name of the variable and precede it with the symbol “$”.

Working with xsl:for-each in XSLT

Let us consider that I would like to display all the employee details in the form of a table without using templates. 

The following is a simple solution to bring this about:

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

<xsl:stylesheet version="1.0"

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

      <xsl:template match="/">

            <table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

                  <tr bgcolor="#336699">

                        <th align="left">

                              <font color="White">ID</font>

                        </th>

                        <th align="right">

                              <font color="White">Name</font>

                        </th>

                        <th align="right">

                              <font color="White">Salary</font>

                        </th>

                        <th align="right">

                              <font color="White">Department</font>

                        </th>

                  </tr>

                  <xsl:for-each select="SQLData/Rows">

                        <tr>

                              <td align="left">

                                    <xsl:value-of select="Empno" />

                              </td>

                              <td align="right">

                                    <xsl:value-of select="Ename" />

                              </td>

                              <td align="right">

                                    <xsl:value-of select="Sal" />

                              </td>

                              <td align="right">

                                    <xsl:value-
of
 select="Deptno" />

                              </td>

                        </tr>

                  </xsl:for-each>

            </table>

      </xsl:template>

</xsl:stylesheet>

When the above code gets executed, you are likely to get the following transformation:

<table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

      <tr bgcolor="#336699">

            <th align="left">

                  <font color="White">ID</font>

            </th>

            <th align="right">

                  <font color="White">Name</font>

            </th>

            <th align="right">

                  <font color="White">Salary</font>

            </th>

            <th align="right">

                  <font color="White">Department</font>

            </th>

      </tr>

      <tr>

            <td align="left">1001</td>

            <td align="right">Jag</td>

            <td align="right">4400</td>

            <td align="right">10</td>

      </tr>

.

.

.    

</table>

The most important construct from the above XSLT is the following:

<xsl:for-each select="SQLData/Rows">

.

.

</xsl:for-each>

The above construct automatically iterates for every presence of “SQLData/Rows.”  The execution of that construct gets completed only if no more “SQLData/Rows” are available for processing.  We can even nest “xsl:for-each” constructs according to our requirements.

Working with xsl:for-each along with xsl:choose and xsl:template

Let us consider a business need which requires the display of all employee details along with employee salaries and grades. The grade of the employee is based on the salary. If the salary is above 3000, the employee belongs to the "high" grade; otherwise, he or she belongs to the "low" grade. 

I would like to satisfy the above business need by using “for,” “choose” and a separate “template.”  The following is the code to accomplish this task:

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

<xsl:stylesheet version="1.0"

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

      <xsl:template match="/">

            <table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

                  <tr bgcolor="#336699">

                        <th align="left">

                              <font color="White">ID</font>

                        </th>

                        <th align="right">

                              <font color="White">Name</font>

                        </th>

                        <th align="right">

                              <font color="White">Salary</font>

                        </th>

                        <th align="left">

                              <font color="White">Grade</font>

                        </th>

                        <th align="right">

                              <font color="White">Department</font>

                        </th>

                  </tr>

                  <xsl:for-each select="SQLData/Rows">

                        <tr>

                              <td align="left">

                                    <xsl:value-
of
 select="Empno" />

                              </td>

                              <td align="left">

                                    <xsl:value-
of
 select="Ename" />

                              </td>

                              <xsl:apply-templates select="Sal" />

                              <td align="right">

                                    <xsl:value-
of
 select="Deptno" />

                              </td>

                        </tr>

                  </xsl:for-each>

            </table>

      </xsl:template>

      <xsl:template match="Sal">

            <td align="right">

                  <xsl:value-of select="text()" />

            </td>

            <xsl:choose>

                  <xsl:when test="text() &gt; '3000' ">

                        <td align="left">

                              high

                        </td>

                  </xsl:when>

                  <xsl:otherwise>

                        <td>

                              low

                        </td>

                  </xsl:otherwise>

            </xsl:choose>

      </xsl:template>

</xsl:stylesheet>

When the above code gets executed, you are likely to get the following transformation:

<table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

      <tr bgcolor="#336699">

            <th align="left">

                  <font color="White">ID</font>

            </th>

            <th align="right">

                  <font color="White">Name</font>

            </th>

            <th align="right">

                  <font color="White">Salary</font>

            </th>

            <th align="left">

                  <font color="White">Grade</font>

            </th>

            <th align="right">

                  <font color="White">Department</font>

            </th>

      </tr>

      <tr>

            <td align="left">1001</td>

            <td align="left">Jag</td>

            <td align="right">4400</td>

            <td align="left">

                  high

            </td>

            <td align="right">10</td>

      </tr>

.

.

.

</table>

Generating serial numbers when working with xsl:for-each

When we generate tables from the existing XML data, there may be a need to generate serial numbers in the first column of every row fetched by “xsl:for-each.”

The following is a simple solution to deal with this issue:

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

<xsl:stylesheet version="1.0"

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

      <xsl:template match="/">

            <table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

                  <tr bgcolor="#336699">

                        <th>

                        </th>

                        <th align="left">

                              <font color="White">ID</font>

                        </th>

                        <th align="right">

                              <font color="White">Name</font>

                        </th>

                        <th align="right">

                              <font color="White">Salary</font>

                        </th>

                        <th align="right">

                              <font color="White">Department</font>

                        </th>

                  </tr>

                  <xsl:for-each select="SQLData/Rows">

                        <tr>

                              <td align="left">

                                    <xsl:number count="*" format="1. "/>

                              </td>

                              <td align="left">

                                    <xsl:value-
of
 select="Empno" />

                              </td>

                              <td align="right">

                                    <xsl:value-
of
 select="Ename" />

                              </td>

                              <td align="right">

                                    <xsl:value-of select="Sal" />

                              </td>

                              <td align="right">

                                    <xsl:value-
of
 select="Deptno" />

                              </td>

                        </tr>

                  </xsl:for-each>

            </table>

      </xsl:template>

</xsl:stylesheet>

When the above code gets executed, you are likely to get the following transformation:

<table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

      <tr bgcolor="#336699">

            <th />

            <th align="left">

                  <font color="White">ID</font>

            </th>

            <th align="right">

                  <font color="White">Name</font>

            </th>

            <th align="right">

                  <font color="White">Salary</font>

            </th>

            <th align="right">

                  <font color="White">Department</font>

            </th>

      </tr>

      <tr>

            <td align="left">1. </td>

            <td align="left">1001</td>

            <td align="right">Jag</td>

            <td align="right">4400</td>

            <td align="right">10</td>

      </tr>

      <tr>

            <td align="left">2. </td>

            <td align="left">1002</td>

            <td align="right">Chat</td>

            <td align="right">2800</td>

            <td align="right">20</td>

      </tr>

.

.

.

</table>

Working with xsl:choose within xsl:for-each in XSLT

Let us consider a business need which requires the display of all employee details along with highlighting the salary in red, if the salary is more than 3000. I would like to fulfill this business need by using “for” and “choose.” 

The following is the code to accomplish the same:

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

<xsl:stylesheet version="1.0"

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

      <xsl:template match="/">

            <table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

                  <tr bgcolor="#336699">

                        <th>

                        </th>

                        <th align="left">

                              <font color="White">ID</font>

                        </th>

                        <th align="right">

                              <font color="White">Name</font>

                        </th>

                        <th align="right">

                              <font color="White">Salary</font>

                        </th>

                        <th align="right">

                              <font color="White">Department</font>

                        </th>

                  </tr>

                  <xsl:for-each select="SQLData/Rows">

                        <tr>

                              <td align="left">

                                    <xsl:number count="*" format="1. "/>

                              </td>

                              <td align="left">

                                    <xsl:value-of select="Empno" />

                              </td>

                              <td align="right">

                                    <xsl:value-
of
 select="Ename" />

                              </td>

                                    <xsl:choose>

                                          <xsl:when test="Sal/text() > 3000">

                                                <td align="right" style="color: red">

                                                      <xsl:value-
of
 select="Sal" />                                                

                                                </td>

                                          </xsl:when>

                                          <xsl:otherwise>

                                                <td align="right">

                                                      <xsl:value-
of
 select="Sal" />

                                                </td>

                                          </xsl:otherwise>

                                    </xsl:choose>

                              <td align="right">

                                    <xsl:value-of select="Deptno" />

                              </td>

                        </tr>

                  </xsl:for-each>

            </table>

      </xsl:template>

</xsl:stylesheet>

When the above code gets executed, you are likely to get the following transformation:

<table width="50%" cellspacing="0" cellpadding="0" style="font-
family:verdana;font-size:X-Small
" border="1">

      <tr bgcolor="#336699">

            <th />

            <th align="left">

                  <font color="White">ID</font>

            </th>

            <th align="right">

                  <font color="White">Name</font>

            </th>

            <th align="right">

                  <font color="White">Salary</font>

            </th>

            <th align="right">

                  <font color="White">Department</font>

            </th>

      </tr>

      <tr>

            <td align="left">1. </td>

            <td align="left">1001</td>

            <td align="right">Jag</td>

            <td align="right" style="color: red">4400</td>

            <td align="right">10</td>

      </tr>

      <tr>

            <td align="left">2. </td>

            <td align="left">1002</td>

            <td align="right">Chat</td>

            <td align="right">2800</td>

            <td align="right">20</td>

      </tr>

.

.

.

</table>

From the above code, you can observe that I used “xsl:choose,” “xsl:when” and “xsl:otherwise” within “xsl:for-each.”

I hope you enjoyed the article and any comments, suggestions, feedback, bugs, errors, enhancements etc. are highly appreciated at http://jagchat.spaces.live.com

blog comments powered by Disqus
ASP.NET ARTICLES

- Implementing ASP.NET 4.0 Page.MetaDescriptio...
- ASP.Net Development Tips
- Intro to Sessions in ASP.Net
- Google Maps API Introduction in ASP.NET usin...
- Creating an ASP.NET 3.5 Gridview Image Galle...
- Encrypt QueryString in ASP.NET 3.5 using VB....
- ASP.NET 3.5 Drop Down List Controls
- Connect to Access Database with ASP.Net
- Secure Audio Streaming with ASP.Net and Flash
- Dynamic Sitemap and Navigation in ASP.Net
- Implement Gzip and Deflate Compression in AS...
- Run ASP.Net in Ubuntu with Apache
- ASP.Net Mono Website Contact Forms
- ASP.Net URL Rewriting Methods
- Murach`s ASP.NET 4 Web Programming with C# 2...

ASP Web Hosting ASP.Net Web Hosting Windows Web Hosting
 
 
 

ASP Free Forums 
 RSS  Tutorials RSS
 RSS  Forums RSS
 RSS  All Feeds
Site Map 
Request Media Kit
Write For Us Get Paid 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Privacy Policy 
Support 


© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap
Most Popular Topics
All ASP.Net Tutorials