XSLT 1.0 grouping using keys based on an attribute in the parent
Using XSLT 1.0 I need to transform this:
<form>
<question NumOfColumns="3">
<title>Colors</title>
<answer>red</answer>
<answer>orange</answer>
<answer>yellow</answer>
<answer>green</answer>
<answer>blue</answer>
<answer>indigo</answer>
<answer>violet</answer>
</question>
</form>
in it:
<h2 class="question">Colors</h2>
<div class="answersrow">
<input type="checkbox" name="colors" value="red" id="red" /> <label for="red">red</label>
<input type="checkbox" name="colors" value="orange" id="orange" /> <label for="orange">orange</label>
<input type="checkbox" name="colors" value="yellow" id="yellow" /> <label for="yellow">yellow</label>
</div>
<div class="answersrow">
<input type="checkbox" name="colors" value="green" id="green" /> <label for="green">green</label>
<input type="checkbox" name="colors" value="blue" id="blue" /> <label for="blue">blue</label>
<input type="checkbox" name="colors" value="indigo" id="indigo" /> <label for="indigo">indigo</label>
</div>
<div class="answersrow">
<input type="checkbox" name="colors" value="green" id="green" /> <label for="green">green</label>
</div>
The NumOfColumns in the question node indicates how many columns are used when rendering the response divs. For each node, I can get my string using:
ceiling (position () div parent :: * / @ NumOfColumns)
This works fine; I can output the correct integer. But I can't seem to get the keys / grouping to work and I'm not sure where the problem is.
I thought the key would be:
<xsl:key name="answersrow" match="form/question/answer[ceiling( position() div parent::*/@NumOfColumns) = parent::*/@NumOfColumns]" use="." />
and then I could get the nodes with:
<xsl:for-each select="key('answersrow', answer)">
Bad luck. Anyone have a solution? Or is this not possible in XSLT 1.0?
source to share
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
version="1.0">
<xsl:output indent="yes"/>
<xsl:template match="question">
<h2 class="{local-name()}">
<xsl:apply-templates select="title"/>
</h2>
<!--Select the answers that will begin the groups.
Apply templates in mode group and pass in the number of columns -->
<xsl:variable name="cols" select="@NumOfColumns"/>
<xsl:apply-templates select="answer[position() mod $cols = 1]"
mode="group" >
<xsl:with-param name="cols" select="$cols"/>
</xsl:apply-templates>
</xsl:template>
<!--Group the answers as children of the div -->
<xsl:template match="answer" mode="group">
<xsl:param name="cols"/>
<div class="answersrow">
<xsl:apply-templates
select=".|following-sibling::answer[position() < $cols]"/>
</div>
</xsl:template>
<!--normal rendering for each answer -->
<xsl:template match="answer">
<input type="checkbox" name="colors" value="{.}" id="{.}" />
<label for="{.}">
<xsl:value-of select="."/>
</label>
</xsl:template>
</xsl:stylesheet>
source to share
I. XSLT 1.0: Simpler than the other answers (no parameters) and a slightly shorter solution :
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" omit-xml-declaration="yes" indent="yes"/>
<xsl:variable name="vNumCols" select="/*/*/@NumOfColumns"/>
<xsl:template match="/*">
<h2 class="question"><xsl:value-of select="*/title"/></h2>
<xsl:apply-templates select=
"*/answer[position() mod $vNumCols = 1]"/>
</xsl:template>
<xsl:template match="answer">
<div class="answersrow">
<xsl:apply-templates mode="inGroup" select=
". | following-sibling::*[not(position() >= $vNumCols)]"/>
</div>
</xsl:template>
<xsl:template match="answer" mode="inGroup">
<input type="checkbox" name="colors"
value="{.}" id="{.}" />
<label for="{.}"><xsl:value-of select="."/></label>
</xsl:template>
</xsl:stylesheet>
When this transformation is applied to the provided XML document :
<form>
<question NumOfColumns="3">
<title>Colors</title>
<answer>red</answer>
<answer>orange</answer>
<answer>yellow</answer>
<answer>green</answer>
<answer>blue</answer>
<answer>indigo</answer>
<answer>violet</answer>
</question>
</form>
required, the correct result is obtained :
<h2 class="question">Colors</h2>
<div class="answersrow">
<input type="checkbox" name="colors" value="red" id="red"/>
<label for="red">red</label>
<input type="checkbox" name="colors" value="orange" id="orange"/>
<label for="orange">orange</label>
<input type="checkbox" name="colors" value="yellow" id="yellow"/>
<label for="yellow">yellow</label>
</div>
<div class="answersrow">
<input type="checkbox" name="colors" value="green" id="green"/>
<label for="green">green</label>
<input type="checkbox" name="colors" value="blue" id="blue"/>
<label for="blue">blue</label>
<input type="checkbox" name="colors" value="indigo" id="indigo"/>
<label for="indigo">indigo</label>
</div>
<div class="answersrow">
<input type="checkbox" name="colors" value="violet" id="violet"/>
<label for="violet">violet</label>
</div>
II. XSLT 2.0 solution :
<xsl:stylesheet version="2.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:xs="http://www.w3.org/2001/XMLSchema" exclude-result-prefixes="xs">
<xsl:output omit-xml-declaration="yes" indent="yes"/>
<xsl:strip-space elements="*"/>
<xsl:variable name="vNumCols" select="/*/*/@NumOfColumns" as="xs:integer"/>
<xsl:template match="/*">
<h2 class="question"><xsl:value-of select="*/title"/></h2>
<xsl:for-each-group select="*/answer"
group-adjacent="(position() -1) idiv $vNumCols">
<div class="answersrow">
<xsl:apply-templates select="current-group()"/>
</div>
</xsl:for-each-group>
</xsl:template>
<xsl:template match="answer">
<input type="checkbox" name="colors"
value="{.}" id="{.}" />
<label for="{.}"><xsl:value-of select="."/></label>
</xsl:template>
</xsl:stylesheet>
source to share