테이블 형식으로 Header 정보 넣기 위해

스타일 라이브러리의 XSL Style Sheets 폴더에서 ContentQuerMain.xsl 파일과 ItemStyle.xsl 파일을 수정해야 합니다.

우선 해당 파일을 다운받습니다.

 

1.     ContentQueryMain.xsl 파일에 코드 추가

우선, <xsl:template name="OuterTemplate.CallItemTemplate"> 안에 아래 두가지의 코드를 캡쳐 이미지1과 같이 추가하시면 됩니다.

 

<xsl:param name="LastRow" />

 

<xsl:when test="@Style='CustomStyle'">

           <xsl:apply-templates select="." mode="itemstyle">

             <xsl:with-param name="CurPos" select="$CurPosition" />

             <xsl:with-param name="Last" select="$LastRow" />

           </xsl:apply-templates>

</xsl:when>

 

캡쳐 이미지1)

, <xsl:template name="OuterTemplate.Body">안에 <xsl:call-template name="OuterTemplate.CallItemTemplate"> 태그가 있는데,

그 안에도 아래 캡쳐 이미지2와 같이, <xsl:with-param name="LastRow" select="$LastRow"/> 태그를 추가합니다.

 

캡쳐 이미지2)

 

2.     ItemStyle.xsl 파일에 코드 추가

수정했던 부분을 삭제하시고 아래 코드를 추가하시면 됩니다.

 

<xsl:template name="CustomStyle" match="Row[@Style='CustomStyle']" mode="itemstyle">

    <xsl:param name="CurPos" />

    <xsl:param name="Last" />

       

    <xsl:variable name="SafeLinkUrl">

      <xsl:call-template name="OuterTemplate.GetSafeLink">

        <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>

      </xsl:call-template>

    </xsl:variable>

    <xsl:variable name="DisplayTitle">

      <xsl:call-template name="OuterTemplate.GetTitle">

        <xsl:with-param name="Title" select="@Title"/>

        <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>

      </xsl:call-template>

    </xsl:variable>

    <xsl:variable name="Rows" select="./@Title"/>

    <xsl:variable name="TableStart">

      <xsl:if test="$CurPos = 1">

        <![CDATA[

        <table width="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed">

          <tr bgcolor="#f9f9f9">

            <td width="25%" style="padding:6px;"><b>제목</b></td>

            <td width="45%" style="padding:6px;"><b>설명</b></td>

            <td width="15%" align="center" style="padding:6px;"><b>수정한 사람</b></td>

            <td width="15%" align="right" style="padding:6px;"><b>수정한 날짜</b></td>

          </tr>  

        ]]>

      </xsl:if>

    </xsl:variable>

    <xsl:variable name="TableEnd">

      <xsl:if test="$CurPos = $Last">

        <![CDATA[ </table> ]]>

      </xsl:if>

    </xsl:variable>

    <xsl:value-of select="$TableStart" disable-output-escaping="yes"/>

    <tr>

        <td width="25%">

          <div id="linkitem" class="item link-item bullet">

            <nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">

              <a href="{$SafeLinkUrl}" target="_blank" title="{@Title}">

                <xsl:value-of select="$DisplayTitle"/>

              </a>

            </nobr>

          </div>

        </td>

        <td width="45%" title="{@Description}">

          <nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">

            <xsl:value-of select="@Description" />

          </nobr>

        </td>

        <td width="15%" align="center" title="{@Editor}">

          <nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">

            <xsl:value-of select="@Editor" />

          </nobr>

        </td>

        <td width="15%" align="right" title="{substring(@Modified, 0, 11)}" style="padding-right:7px;">

          <nobr style="text-overflow:ellipsis;overflow-x:hidden;width:95%">

            <xsl:value-of select="substring(@Modified, 0, 11)" />

          </nobr>

        </td>

      </tr>

    <xsl:value-of select="$TableEnd" disable-output-escaping="yes"/>

  </xsl:template>

 

3.     결과 화면


+ Recent posts