使用SPD2010定制XsltListViewWebPart根据条件隐藏列

XsltListViewWebPart对于SharePoint 2010来说是个新玩意,这个web part继承于我们经常在2007时代可以看到的DataFormWebPart,并且在2010里面承担起了解析List显示效果的重任。

 

这个Web Part带来的一个明显的好处就是你可以查看,修改显示视图的设置,CAML查询,ViewFields等等。

另外一个好处就是如果需要高级定制,只需要按需XSLT化相关列,而不是整个视图。

你可以选中一个列,使用Customize Item来做到。

使用SPD2010定制XsltListViewWebPart根据条件隐藏列_第1张图片

试想一下,如果你有几十个列,就为了编辑其中一列,XSLT化整个视图,看着你原本数百行的文件,变成了数千,数万行,然后SPD一次又一次的崩溃,只能欲哭不能。

 

既然可以按需编辑列,SharePoint怎么实现这个呢?

默认情况下,SharePoint生成ID列作为例子,如下:

不需要懂太多。

对于一列,会生成一个表头和一个内容列,根据match的结果进行解析。例如ID列就是match="FieldRef[@Name='ID']"。如果需要复写其他列,修改成其他名字就行。

 

<xsl:template name="FieldRef_header.ID" ddwrt:dvt_mode="header" match="FieldRef[@Name='ID']" mode="header" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal">
  <th nowrap="nowrap" scope="col" onmouseover="OnChildColumn(this)">
    <xsl:attribute name="class">
      <xsl:choose>
        <xsl:when test="(@Type='User' or @Type='UserMulti') and ($PresenceEnabled='1')">ms-vh</xsl:when>
        <xsl:otherwise>ms-vh2</xsl:otherwise>
      </xsl:choose>
    </xsl:attribute>
    <xsl:call-template name="dvt_headerfield">
      <xsl:with-param name="fieldname">
        <xsl:value-of select="@Name" />
      </xsl:with-param>
      <xsl:with-param name="fieldtitle">
        <xsl:value-of select="@DisplayName" />
      </xsl:with-param>
      <xsl:with-param name="displayname">
        <xsl:value-of select="@DisplayName" />
      </xsl:with-param>
      <xsl:with-param name="fieldtype">
        <xsl:choose>
          <xsl:when test="@Type='Number' or @Type='Currency'">number</xsl:when>
          <xsl:otherwise>x:string</xsl:otherwise>
        </xsl:choose>
      </xsl:with-param>
    </xsl:call-template>
  </th>
</xsl:template>

<xsl:template name="FieldRef_printTableCell_EcbAllowed.ID" match="FieldRef[@Name='ID']" mode="printTableCellEcbAllowed" ddwrt:dvt_mode="body" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal">
  <xsl:param name="thisNode" select="."/>
  <xsl:param name="class" />
  <td>
    <xsl:if test="@ClassInfo='Menu' or @ListItemMenu='TRUE'">
      <xsl:attribute name="height">100%</xsl:attribute>
      <xsl:attribute name="onmouseover">OnChildItem(this)</xsl:attribute>
    </xsl:if>
    <xsl:attribute name="class">
      <xsl:call-template name="getTDClassValue">
        <xsl:with-param name="class" select="$class" />
        <xsl:with-param name="Type" select="@Type" />
        <xsl:with-param name="ClassInfo" select="@ClassInfo" />
      </xsl:call-template>
    </xsl:attribute>
    <xsl:apply-templates select="." mode="PrintFieldWithECB">
      <xsl:with-param name="thisNode" select="$thisNode" />
    </xsl:apply-templates>
  </td>
</xsl:template>


现在很简单了,如果要隐藏ID列,只需要去掉中间所有的XSLT样式就行。只保留如下两行。

<xsl:template name="FieldRef_header.ID" ddwrt:dvt_mode="header" match="FieldRef[@Name='ID']" mode="header" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal"></xsl:template>
<xsl:template name="FieldRef_printTableCell_EcbAllowed.ID" match="FieldRef[@Name='ID']" mode="printTableCellEcbAllowed" ddwrt:dvt_mode="body" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal"></xsl:template>

 

如果隐藏所有多行文本呢,

<xsl:template ddwrt:dvt_mode="header" match="FieldRef[@Type='Note']" mode="header" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal"></xsl:template>
<xsl:template match="FieldRef[@Type='Note']" mode="printTableCellEcbAllowed" ddwrt:dvt_mode="body" ddwrt:ghost="" xmlns:ddwrt2="urn:frontpage:internal"></xsl:template>

 

以此类推。

 

问题:为什么我们要隐藏列而不是直接从Add / Remove Columns 去掉?

使用SPD2010定制XsltListViewWebPart根据条件隐藏列_第2张图片

这是因为Add / Remove Columns 修改的是CAML查询中的ViewFields,如果去掉了,这个列就不会从Web Service返回。

对于特定需求,例如需要增加一列来根据其他列的值来显示不同的内容,但是不想直接显示引用的列,就需要隐藏了。

其他情况,可以直接删除该列。

你可能感兴趣的:(ListView)