巧用mod和position()构造多列的Table

　　在xslt开发工作中，我们有时候会需要构造一个多列的表格，例如显示照片，我们要求每行显示3张照片，在用.net/javascript/asp开发都很好控制，但如果用xslt的来构造多列的表格，你知道么？如果你知道就别看了：）

　　我们设xml如下

 <?xml version="1.0" encoding="UTF-8"?>  
 <Items>  
  <Item Name="001" />  
  <Item Name="002" />  
  <Item Name="003" />  
 </Items>

　　在xlst中，我们重要会用到mod的操作符与position()这个函数，mod在xslt中是取余下的操作符，而position()是取当前节点索引的函数。

 <table border="1" cellpadding="8">  
  <tr>  
   <xsl:for-each select="Items/*">  
    <xsl:if test="position() mod 3 = 1">  
     <xsl:text disable-output-escaping="yes"><![CDATA[</tr><tr>]]></xsl:text>  
    </xsl:if>  
    <td><xsl:value-of select="@Name" /></td>  
   </xsl:for-each>  
  </tr>  
 </table>

 

　　这里重点是用了mod对当前的索引位置作了判断，如果等于1，则输入出一个</tr><tr>。有两点需要注意：

　　1.xslt中的position()是从1开始索引的，而不是0，这和其它语言有些不一样

　　2.不能直接输出</tr><tr>，而是需要将其放在xsl:text中，并且用disable-output-escaping属性启用html，因为xslt与是xml的一种，</tr><tr>不符合xml的规范。

 

　　最终输出结果：

 

 效果演示

 

示范代码下载：点击下载

　　

注意：本文为我的独立博客镜像博客，自发表不再更新，原文可能随时被更新，敬请访问原文。同时，请大家不要在此评论，如果有什么看法，请点击这里：http://iove.net/1705/

本文来自http://iove.net，欢迎转载，转载敬请保留相关链接，否则视为侵权，原文链接：http://iove.net/1705/