新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 本版讨论XSL,XSLT,XSL-FO,CSS等技术
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 XSL/XSLT/XSL-FO/CSS 』 → [原创]最简洁的xml+xsl分页 ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 84873 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： [原创]最简洁的xml+xsl分页 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     jomper 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：18
      积分：168
      门派：XML.ORG.CN
      注册：2004/8/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给jomper发送一个短消息 把jomper加入好友 查看jomper的个人资料 搜索jomper在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看jomper的博客楼主
    发贴心情 [原创]最简洁的xml+xsl分页

    参考了[XML本质论]的例子后写的分页，充分发挥了XSL和xpath的作用，弱化了对js的依赖。
    page.xml
    <?xml version="1.0" encoding="UTF-8"?>
    <?xml-stylesheet type="text/xsl" href="page.xsl" ?>
    <list>
     <item>1</item>
     <item>2</item>
     <item>3</item>
     <item>4</item>
     <item>5</item>
     <item>6</item>
     <item>7</item>
     <item>8</item>
     <item>9</item>
     <item>10</item>
     <item>11</item>
     <item>12</item>
     <item>13</item>
    </list>[/QUOTE]

    page.xsl
    [QUOTE]<?xml version="1.0" encoding="UTF-8"?>
    <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

    <xsl:param name="size" select="4"/>

     <xsl:template match="list">
      <html>
      <script>
      <![CDATA[
       function nextPage(num){
        document.getElementById("content"+num).style.display="";
        num--;
        document.getElementById("content"+num).style.display="none";
       }
       function prevPage(num){
        document.getElementById("content"+num).style.display="";
        num++;
        document.getElementById("content"+num).style.display="none";
       }
       function onInitialize(){
        var i = 1;
        document.getElementById("content"+i).style.display = "";
       }
      ]]>
      </script>
       <body onload="onInitialize()">
        <xsl:apply-templates select="item[position() mod $size = 1]">
         <xsl:with-param name="pages" select="ceiling(count(item) div $size)"/>
        </xsl:apply-templates>
       </body>
      </html>
     </xsl:template>

     <xsl:template match="item">
     <xsl:param name="pages"/>
     <xsl:variable name="page" select="position()"/>
      <div id='content{$page}' style="display:'none'" title="content{$page}">
      
       <xsl:for-each select="self::item | following-sibling::item[position() &lt; $size]">
        <div><xsl:value-of select="."/></div>
       </xsl:for-each>
      
       <div id="navBar">
        <xsl:choose>
         <xsl:when test="$page = 1">
          第<xsl:value-of select="$page" />页---
          <a href="#{$page + 1}" onclick="nextPage({$page + 1})">下一页</a>---
          共有<xsl:value-of select="$pages" />页---
         </xsl:when>
         <xsl:when test="$page = $pages">
          第<xsl:value-of select="$page" />页---
          <a href="#{$page - 1}" onclick="prevPage({$page - 1})">上一页</a>---
          共有<xsl:value-of select="$pages" />页---
         </xsl:when>
         <xsl:otherwise>
          第<xsl:value-of select="$page" />页---
          <a href="#{$page - 1}" onclick="prevPage({$page - 1})">上一页</a>---
          <a href="#{$page + 1}" onclick="nextPage({$page + 1})">下一页</a>---
          共有<xsl:value-of select="$pages" />页---
         </xsl:otherwise>
        </xsl:choose>
       </div>
       
      </div>
     </xsl:template>
    </xsl:stylesheet>



       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/15 16:23:00
     
     fuxue 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：27
      积分：158
      门派：XML.ORG.CN
      注册：2005/9/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给fuxue发送一个短消息 把fuxue加入好友 查看fuxue的个人资料 搜索fuxue在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看fuxue的博客第2楼
    发贴心情 
    错误满版！！！！！！！！！！！！！！！！！！！！！！！！！！！！
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/15 18:11:00
     
     98900969r 帅哥哟，离线，有人找我吗？
      
      
      威望：8
      等级：大四寒假(收到MIT的Offer啦)
      文章：235
      积分：1555
      门派：XML.ORG.CN
      注册：2005/11/2

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给98900969r发送一个短消息 把98900969r加入好友 查看98900969r的个人资料 搜索98900969r在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看98900969r的博客第3楼
    发贴心情 
    其实没有什么错误，拷贝过来的时候，转义字符和标签乱了而以。就是好像encoding没解决。下面有处红色的地方突显了细微的改动。

    page.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <?xml-stylesheet type="text/xsl" href="page.xsl" ?>
    <list>
    <item>1</item>
    <item>2</item>
    <item>3</item>
    <item>4</item>
    <item>5</item>
    <item>6</item>
    <item>7</item>
    <item>8</item>
    <item>9</item>
    <item>10</item>
    <item>11</item>
    <item>12</item>
    <item>13</item>
    </list>

    page.xsl

    <?xml version="1.0" encoding="UTF-8"?>
    <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

    <xsl:param name="size" select="4"/>

    <xsl:template match="list">
      <html>
      <script>
      <![CDATA[
       function nextPage(num){
        document.getElementById("content"+num).style.display="";
        num--;
        document.getElementById("content"+num).style.display="none";
       }
       function prevPage(num){
        document.getElementById("content"+num).style.display="";
        num++;
        document.getElementById("content"+num).style.display="none";
       }
       function onInitialize(){
        var i = 1;
        document.getElementById("content"+i).style.display = "";
       }
      ]]>
      </script>
       <body onload="onInitialize()">
        <xsl:apply-templates select="item[position() mod $size = 1]">
         <xsl:with-param name="pages" select="ceiling(count(item) div $size)"/>
        </xsl:apply-templates>
       </body>
      </html>
    </xsl:template>

    <xsl:template match="item">
    <xsl:param name="pages"/>
    <xsl:variable name="page" select="position()"/>
      <div id='content{$page}' style="display:'none'" title="content{$page}">
      
       <xsl:for-each select="self::item | following-sibling::item[position() &amp;lt; $size]">
        <div><xsl:value-of select="."/></div>
       </xsl:for-each>
      
       <div id="navBar">
        <xsl:choose>
         <xsl:when test="$page = 1">
          第<xsl:value-of select="$page" />页---
          <a href="#{$page + 1}" onclick="nextPage({$page + 1})">下一页</a>---
          共有<xsl:value-of select="$pages" />页---
         </xsl:when>
         <xsl:when test="$page = $pages">
          第<xsl:value-of select="$page" />页---
          <a href="#{$page - 1}" onclick="prevPage({$page - 1})">上一页</a>---
          共有<xsl:value-of select="$pages" />页---
         </xsl:when>
         <xsl:otherwise>
          第<xsl:value-of select="$page" />页---
          <a href="#{$page - 1}" onclick="prevPage({$page - 1})">上一页</a>---
          <a href="#{$page + 1}" onclick="nextPage({$page + 1})">下一页</a>---
          共有<xsl:value-of select="$pages" />页---
         </xsl:otherwise>
        </xsl:choose>
       </div>
       
      </div>
    </xsl:template>
    </xsl:stylesheet>

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/15 18:59:00
     
     jomper 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：18
      积分：168
      门派：XML.ORG.CN
      注册：2004/8/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给jomper发送一个短消息 把jomper加入好友 查看jomper的个人资料 搜索jomper在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看jomper的博客第4楼
    发贴心情 
    是bbs的QUOTE标签有问题,不过内行点的朋友都看的懂.
    98900969r提到的标签问题  &lt; 也是bbs的问题.
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/15 21:17:00
     
     zsxy168 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：36
      积分：193
      门派：XML.ORG.CN
      注册：2005/10/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给zsxy168发送一个短消息 把zsxy168加入好友 查看zsxy168的个人资料 搜索zsxy168在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zsxy168的博客第5楼
    发贴心情 
    98900969r好！
    好象真的还有错哟，我测试时的错误提示信息是：
    An invalid character was found in text content. Error processing resource 'file:///F:/web-jsp/xml/page.xsl'. Line 47, Posi...

    第47行即为“第<xsl:value-of select="$page" />页---”

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/16 9:43:00
     
     fuxue 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：27
      积分：158
      门派：XML.ORG.CN
      注册：2005/9/26

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给fuxue发送一个短消息 把fuxue加入好友 查看fuxue的个人资料 搜索fuxue在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看fuxue的博客第6楼
    发贴心情 
    恩  符号要转义
       你们的UTF-8支持中文   我的不支持 ？？？？？？？
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/16 10:18:00
     
     Qr 帅哥哟，离线，有人找我吗？
      
      
      威望：9
      等级：博士二年级(版主)
      文章：4392
      积分：29981
      门派：XML.ORG.CN
      注册：2004/5/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给Qr发送一个短消息 把Qr加入好友 查看Qr的个人资料 搜索Qr在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Qr的主页 引用回复这个贴子 回复这个贴子 查看Qr的博客第7楼
    发贴心情 
    不错！

    ----------------------------------------------
    没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

    blog:http://Qr.blogger.org.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/16 12:54:00
     
     98900969r 帅哥哟，离线，有人找我吗？
      
      
      威望：8
      等级：大四寒假(收到MIT的Offer啦)
      文章：235
      积分：1555
      门派：XML.ORG.CN
      注册：2005/11/2

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给98900969r发送一个短消息 把98900969r加入好友 查看98900969r的个人资料 搜索98900969r在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看98900969r的博客第8楼
    发贴心情 
    zsxy168, 你好。可我试的没有问题哦，只是ie不知道用哪个code set。
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/16 14:10:00
     
     jomper 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(猛啃高等数学)
      文章：18
      积分：168
      门派：XML.ORG.CN
      注册：2004/8/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给jomper发送一个短消息 把jomper加入好友 查看jomper的个人资料 搜索jomper在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看jomper的博客第9楼
    发贴心情 
    关于"UTF不支持中文的解释".(UTF-8怎么会不支持中文呢?)
    你新创建的文本(txt)默认是ANSI编码.所以你往里面写的数据都是这个编码.
    但是你又在xml对这些ANSI编码的数据做了UTF-8的强制转码,所以你看到的中文是乱码.

    其实在有乱码的文本重新输入中文就不会有问题了,因为此时已经是UTF-8编码了,或者你新创建文本的时候另存为UTF-8编码,也没有问题.

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2005/12/16 15:00:00
     
     gengwei80 帅哥哟，离线，有人找我吗？
      
      等级：大二期末(数据结构考了98分!)
      文章：57
      积分：450
      门派：XML.ORG.CN
      注册：2006/1/25

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给gengwei80发送一个短消息 把gengwei80加入好友 查看gengwei80的个人资料 搜索gengwei80在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看gengwei80的博客第10楼
    发贴心情 
    不错！
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/3/29 11:02:00
     
     GoogleAdSense
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/3 20:41:36

    本主题贴数33，分页： [1] [2] [3] [4]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 148.438ms