SharePoint 2010自定义XSL使用Jquery和Ratings字段查看渲染

时间:2012-06-29 12:55:03

标签: sharepoint xslt sharepoint-2010

我正在使用常见问题解答功能开发面向SharePoint 2010 Internet的网站。

我有一个自定义列表,其中包含ID,标题(已命名为“问题”),答案和归档评级。

我想编写一个XSL样式表,以便按以下方式自定义列表视图呈现:

  • FAQ项目应以手风琴形式显示,使用JQuery
  • 任何用户都可以对每个常见问题解答进行评分。

所以,我写了这个XSL:

<xsl:stylesheet xmlns:x="http://www.w3.org/2001/XMLSchema" xmlns:d="http://schemas.microsoft.com/sharepoint/dsp" version="1.0" exclude-result-prefixes="xsl msxsl ddwrt js" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime" xmlns:asp="http://schemas.microsoft.com/ASPNET/20" xmlns:__designer="http://schemas.microsoft.com/WebParts/v2/DataView/designer" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:SharePoint="Microsoft.SharePoint.WebControls" xmlns:js="urn:custom-javascript" >

<xsl:import href="/_layouts/xsl/main.xsl"/>
<xsl:output method="html" indent="yes"/>
<xsl:template match="/">

<script type="text/javascript" language="javascript" >
        $(document).ready(function () {

            $('#faqAnswerAccordion').accordion({
                autoHeight: false,
                collapsible: true
            });

        });

    </script>   

    <a id="top"></a>
    <div id="faqAnswerAccordion">
        <xsl:apply-templates select="//Row" mode="Item" />
    </div>
</xsl:template>

<xsl:template mode="Item" match="Row[../../@TemplateType='100']">
    <xsl:param name="Fields" select="."/>
    <xsl:param name="Collapse" select="."/>
    <xsl:param name="Position" select="1"/>
    <xsl:param name="Last" select="1"/>
    <xsl:variable name="thisNode" select="."/>

    <h3 id="header_{@ID}">
        <a id="{@ID}" href="#" ><xsl:value-of select="@Title" disable-output-escaping="yes"/></a>
    </h3>
    <div>
        <p>
            <xsl:value-of select="@Answer" disable-output-escaping="yes"/>
        </p>
        <p>
            Please rate this FAQ: 
            <xsl:apply-templates select="$Fields[@Name='AverageRating']" mode="PrintField">
                <xsl:with-param name="thisNode" select="."/>
                <xsl:with-param name="Position" select="$Position"/>
            </xsl:apply-templates>
        </p>
    </div>
</xsl:template>

使用该样式表,不会生成Jquery Accordion,但会出现评级星。

如果我替换以下模板定义

<xsl:template match="/">

通过

<xsl:template match="View">

所以,Jquery Accordion工作得很好,但评级明星却没有。

任何想法?

非常感谢。

1 个答案:

答案 0 :(得分:0)

尝试将mode更改为numberbody