如何?XML+XSL+javascript資料排序

來源:互聯網
上載者:User
資料排序模版
<?xml version="1.0" encoding="gb2312" ?>
<xsl:stylesheet version="1.1" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
    <xsl:output method="html" />
    <xsl:param name="queryParam" select="''" />
    <xsl:template match="/guestbook">
        <table border="0">
            <tbody>
                <tr>
                    <td>
                        <table width="400" border="0">
                            <tbody>                             
                                <xsl:apply-templates select="article">
                                    <xsl:sort select="datadate" order="descending" />
                                </xsl:apply-templates>                                  
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </xsl:template>
    <!--文章列表模版:-->
    <xsl:template match="article">
        <xsl:choose>
            <xsl:when test="position() mod 2 = 1">
                <tr bgcolor="#cccccc">
                    <th align="left" width="50">作者</th>
                    <th align="left" width="50">
                        <xsl:value-of select="author" />
                    </th>
                    <th align="left" width="100">發表時間</th>
                    <th align="left" width="50">
                        <xsl:value-of select="datadate" />
                    </th>
                </tr>
                <tr bgcolor="#cccccc">
                    <td colspan="4">
                        <xsl:value-of select="content" />
                    </td>
                </tr>
            </xsl:when>
            <xsl:otherwise>
                <tr>
                    <th align="left" width="50">作者</th>
                    <th align="left" width="50">
                        <xsl:value-of select="author" />
                    </th>
                    <th align="left" width="100">發表時間</th>
                    <th align="left" width="50">
                        <xsl:value-of select="datadate" />
                    </th>
                </tr>
                <tr>
                    <td colspan="4">
                        <xsl:value-of select="content" />
                    </td>
                </tr>
            </xsl:otherwise>
        </xsl:choose>
    </xsl:template>
</xsl:stylesheet>

資料檔案
<?xml version="1.0" encoding="gb2312"?>
<guestbook>
  <article id="73a7a287-aef6-4d35-ac2c-638ca3233be6">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>asdfsad</content>
  </article>
  <article id="84957008-4cb4-4c96-bafa-775dd33e10cf">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>fffff</content>
  </article>
  <article id="91426bb3-3bbf-4176-be66-c92cb79bb171">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>fffff</content>
  </article>
  <article id="8e3bda3f-7d6e-4ae3-af0a-740a884cbf06">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>asdf</content>
  </article>
  <article id="d6528172-cd03-4333-bb42-0121effca2ff">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>asdf</content>
  </article>
  <article id="cd30a893-f0aa-44be-b56b-32a1aa44717a">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>asdf</content>
  </article>
  <article id="b47ca7e6-93e0-4992-97fa-78ea557b0252">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>asdf</content>
  </article>
  <article id="2070cb5d-e225-46f5-95ca-3dea33f9d42f">
    <author>guest</author>
    <datadate>20060812</datadate>
    <content>aa</content>
  </article>
</guestbook>

由於前面已經介紹了如何通過JS+XSL將XML轉換為HTML故這裡將不再坳述。讀者只需要讀懂排序模版檔案即可。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.