我有一个XML文档:
<Gym>
<Trainee>
<Trainee_ID>1521</Trainee_ID>
<Trainee_Name>Mary Andersen</Trainee_Name>
<Trainee_Age>23</Trainee_Age>
</Trainee>
<Trainee>
<Trainee_ID>1522</Trainee_ID>
<Trainee_Name>Jane Sellers</Trainee_Name>
<Trainee_Age>56</Trainee_Age>
</Trainee>
<Trainee>
<Trainee_ID>1523</Trainee_ID>
<Trainee_Name>Julie Aniston</Trainee_Name>
<Trainee_Age>32</Trainee_Age>
</Trainee>
<Class>
<Trainee_ID>1521</Trainee_ID>
<Course_ID>A21</Course_ID>
<Class_Room>A1</Class_Room>
</Class>
<Class>
<Trainee_ID>1522</Trainee_ID>
<Course_ID>A22</Course_ID>
<Class_Room>B2</Class_Room>
</Class>
<Class>
<Trainee_ID>1523</Trainee_ID>
<Course_ID>B24</Course_ID>
<Class_Room>B3</Class_Room>
</Class>
<Course>
<Course_ID>A21</Course_ID>
<Course_Title>Yoga</Course_Title>
<Course_Hours_Per_Week>2</Course_Hours_Per_Week>
</Course>
<Course>
<Course_ID>A22</Course_ID>
<Course_Title>Pilates</Course_Title>
<Course_Hours_Per_Week>2</Course_Hours_Per_Week>
</Course>
<Course>
<Course_ID>B24</Course_ID>
<Course_Title>Aerobic</Course_Title>
<Course_Hours_Per_Week>3</Course_Hours_Per_Week>
</Course>
</Gym>
我想要做的是使用XSL制作3个表,其中header是children元素的名称(仅一次),子标题是孙子元素的名称(仅一次),其余的行和列将被填充与孙子元素的价值。
据我所知:
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/Gym">
<html>
<body>
<xsl:for-each select="*">
<table border="1">
<tr>
<xsl:if test="position()='1' or position()='4' or position()='7'">
<xsl:value-of select="translate(name(.), 'abcdefghijklnmopqrstuvwxyz', 'ABCDEFGHIJKLNMOPQRSTUVWXYZ')"/>
</xsl:if>
</tr>
<tr>
<xsl:if test="position()='1' or position()='4' or position()='7'">
<xsl:for-each select="*">
<th><xsl:value-of select="name(.)"/></th>
</xsl:for-each>
</xsl:if>
</tr>
<tr>
<xsl:for-each select="*">
<th>
<xsl:value-of select="."/>
</th>
</xsl:for-each>
</tr>
</table>
<p></p>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
这是输出:
Output http://img1.UploadScreenshot.com/images/main/1/2917105455.png
发生的事情是,每次为每个子元素创建一个新表时,我想要的是一个智能代码,它将自动生成所有3个表,然后生成标题和子标题,之后它将输入数据。 我想要的是这样的(忽略颜色和文本格式):
我希望我的XSLT代码要做的是为每个元素实例创建一个表,然后将元素的名称作为标题,之后将子元素作为标题放置一次,然后用数据填充表。
答案 0 :(得分:3)
这里使用的方法是使用Muenchian分组和键来查找不同的组和成员。我相信这应该有效:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" indent="yes" omit-xml-declaration="yes"/>
<xsl:key name="kCategory" match="/*/*" use="local-name()"/>
<xsl:template match="/*">
<div>
<xsl:apply-templates
select="*[generate-id() = generate-id(key('kCategory', local-name())[1])]" />
</div>
</xsl:template>
<xsl:template match="/*/*">
<table>
<tr class="table-header odd-row">
<th colspan="3">
<xsl:value-of select="local-name()"/>
</th>
</tr>
<tr class="column-headers">
<xsl:apply-templates select="*" mode="colHeader" />
</tr>
<xsl:apply-templates select="key('kCategory', local-name())" mode="row"/>
</table>
</xsl:template>
<xsl:template match="/*/*/*" mode="colHeader">
<td>
<xsl:value-of select="local-name()"/>
</td>
</xsl:template>
<xsl:template match="/*/*" mode="row">
<tr>
<xsl:if test="position() mod 2 = 1">
<xsl:attribute name="class">odd-row</xsl:attribute>
</xsl:if>
<xsl:apply-templates select="*" mode="value" />
</tr>
</xsl:template>
<xsl:template match="/*/*/*" mode="value">
<td>
<xsl:value-of select="." />
</td>
</xsl:template>
</xsl:stylesheet>
在样本输入上运行时,会产生:
<div>
<table>
<tr class="table-header odd-row">
<th colspan="3">Trainee</th>
</tr>
<tr class="column-headers">
<td>Trainee_ID</td>
<td>Trainee_Name</td>
<td>Trainee_Age</td>
</tr>
<tr class="odd-row">
<td>1521</td>
<td>Mary Andersen</td>
<td>23</td>
</tr>
<tr>
<td>1522</td>
<td>Jane Sellers</td>
<td>56</td>
</tr>
<tr class="odd-row">
<td>1523</td>
<td>Julie Aniston</td>
<td>32</td>
</tr>
</table>
<table>
<tr class="table-header odd-row">
<th colspan="3">Class</th>
</tr>
<tr class="column-headers">
<td>Trainee_ID</td>
<td>Course_ID</td>
<td>Class_Room</td>
</tr>
<tr class="odd-row">
<td>1521</td>
<td>A21</td>
<td>A1</td>
</tr>
<tr>
<td>1522</td>
<td>A22</td>
<td>B2</td>
</tr>
<tr class="odd-row">
<td>1523</td>
<td>B24</td>
<td>B3</td>
</tr>
</table>
<table>
<tr class="table-header odd-row">
<th colspan="3">Course</th>
</tr>
<tr class="column-headers">
<td>Course_ID</td>
<td>Course_Title</td>
<td>Course_Hours_Per_Week</td>
</tr>
<tr class="odd-row">
<td>A21</td>
<td>Yoga</td>
<td>2</td>
</tr>
<tr>
<td>A22</td>
<td>Pilates</td>
<td>2</td>
</tr>
<tr class="odd-row">
<td>B24</td>
<td>Aerobic</td>
<td>3</td>
</tr>
</table>
</div>
我认为你可以处理颜色和造型?我添加了两个class
属性,我认为它们是合适的。
你应该能够像下面这样使用CSS来获得你需要的样式(它肯定需要一些调整才能使它恰到好处,但这是一般的想法:
th, td
{
border: 2px solid #9BBA58;
background-color: #E6EDD4;
}
tr.table-header th, tr.column-headers td
{
font-weight: bold;
}
tr.table-header th
{
border-bottom: 4px solid #9BBA58;
}
tr.odd-row th, tr.odd-row td
{
background-color: white;
}